Formação Front-End (Web). Torne-se um Desenvolvedor Web Profissional.
Cadastre-se para receber mais informações sobre a formação
Fale Conosco pelo WhatsApp
Gostaria de informação sobre esse e outros cursos imediatamente?
O que é o Web Designer?
É o profissional responsável pelo desenvolvimento e hospedagem de web sites, tratamento de imagens e criação Multimídia.
Sobre a Formação Front-End Web
Chamamos de desenvolvimento ‘Front-End’ de uma página Web aquele que se refere ao Design (ou seja a interface), incluindo também o seu funcionamento e interação, que visualizamos quando abrimos o navegador de Internet. Enquadra-se no ‘Front-End’ o uso de linguagens como HTML5, CSS3 e JavaScript (e algumas bibliotecas como 'jQuery' e etc.).
A formação é composta pelos seguintes cursos abaixo:
- HTML5 & CSS3 Responsivo
- Javascript
- jQuery
O que é o HTML?
HTML é a abreviação para HyperText Markup Language ou Linguagem de Marcação de HiperTexto. Em desenvolvimento Web ela serve para criar a estrutura de qualquer site ou aplicação na Internet.
Com a proliferação do mundo móvel e a necessidade de criação de portais cada vez mais inteligentes, a versão mais recente do HTML (o HTML5) trás, entre outras coisas novidades como suporte a áudio e vídeo embutidos. Novas tags semânticas para facilidade de leitura dos third party apps (aplicativos de terceiros) e até mesmo validação em Front-End com expressões regulares.
O que é o CSS?
CSS é a abreviação para Cascading Style Sheet ou Folhas de Estilo em Cascata. De acordo com o W3C, é um mecanismo simples para adicionar estilos em uma página web tais como fontes, cores, espaçamentos e etc.
Com esse recurso, o HTML ganha a finalidade inicial para a qual foi concebida, a de ser a estruturação de um Web Site, cabendo ao CSS a apresentação do documento. O CSS encontra-se na versão 3, chamado popularmente de CSS3.
Ainda com os novos módulos e recursos da versão 3, é possível aplicar designs arrojados e estilosos as suas páginas Web, transições e animações sem precisar de Javascript ou algum Web Hack.
O que é o Design Responsivo?
Chamamos de Design Responsivo um conjunto de técnicas de layout onde um site (ou páginas web) é capaz de adaptar e distribuir a visualização do seu conteúdo para qualquer resolução de tela, independentemente do tipo do dispositivo usado (seja ele um computador, um tablet ou smartphone), por meio do uso do CSS3 (incluindo também o uso de 'media-queries'). Atualmente essa é a prática de desenvolvimento web mais usada hoje em dia.
O que é o Javascript?
Javascript é uma linguagem de script que roda no browser (navegador).
A Linguagem Javascript foi desenvolvida com o propósito de proporcionar recursos importantes que não estão disponíveis na Linguagem HTML5, tais como: Validação de formulário, Interatividade com o usuário, Manipulação de requisições e etc.
O que é jQuery?
O jQuery é uma biblioteca JavaScript (de acesso GRATUITO) que permite expandir o funcionamento da linguagem, oferecendo uma vasta gama de funções agilizando o trabalho do desenvolvedor, permitindo executar tarefas com poucas linhas de código, além de ser compatível com todos os navegadores (ou seja, uma página HTML com código em jQuery é capaz de rodar em qualquer navegador, pois, ela elimina a incompatibilidade de execução entre navegadores).
Através dessa biblioteca popularmente conhecida e utilizada na maioria dos sites construídos hoje em dia, inúmeros plugins e frameworks puderam ser desenvolvidos facilitando o trabalho dos desenvolvedores de sistemas e páginas Web (como plug-ins de galeria de imagens, caixas de diálogo, lightbox e etc.).
Para quem se destina:
Esse curso é recomendado para:
- Iniciantes que estejam interessados em desenvolvimento web.
- Desenvolvedores e Web Designers que desejam atualizar seus conhecimentos.
- Profissionais que trabalhem direta ou indiretamente com Internet.
Por que estudar no ADV Informática?
Porque aqui, nossas aulas são individuais, onde o professor pode dar explicações personalizadas para cada aluno de forma a facilitar o aprendizado. Você aprenderá todas as técnicas do processo inicial de criação de um site usando o HTML5 com o uso das folhas de estilo CSS3, direcionando a construção de layouts com foco no Design Responsivo.
Será abordado nesta formação deste o funcionamento de um site na Internet até a construção passo a passo da página com o uso de como o linguagens HTML5 & CSS3 com foco no Design Responsivo. Além disso será vista a aplicação do processo de interação e processamento de uma página por meio da linguagem Javascript (e a biblioteca jQuery), impulsionando e expandido as possibilidades de uma página Web 'Front-End'.
Curso intensivo (sem redução de carga horária):
O aluno pode fazer este treinamento de forma intensiva. Sendo assim, há possibilidade de concluir o curso num intervalo de tempo menor que o convencional. Isto significa que poderá aumentar tanto a sua carga horária diária como o número de aulas por semana sem aumento no valor do treinamento. EX : Um curso de 35 horas pode ser concluído em 5 dias consecutivos com 7 horas de aula por dia , ou dependendo da disponibilidade do aluno a carga horária diária pode ser aumentada.
Consulte nossos representantes comerciais e saiba mais!
Coordenação de ensino:
A coordenação de ensino é administrada pela Engenheira Suely Pires, doutorada em Ciência da Computação pela COPPE UFRJ e Mestre em Ciência da Computação pelo IME.ATENÇÃO: Os treinamentos e formações poderão, sem aviso prévio, ter seus conteúdos atualizados, alterados e substituídos, à medida que ocorram atualizações ou descontinuação nas tecnologias.
Veja alguns exemplos de páginas que serão trabalhadas e construídas no curso
Para realizar este módulo, o aluno deverá ter conhecimentos de informática e Windows.
A carga horária deste curso é de 64h.
PROGRAMA: HTML5 + CSS3 Responsivo
OBS: Durante o decorrer do curso haverá o desenvolvimento prático de exercícios abordando todas as técnicas de HTML5 e CSS3 para a construção de sites responsivos para o reforço no aprendizado.
PROGRAMA: JAVASCRIPT
Visão Geral do JavaScript- O que é Javascript ?
- Onde encontramos o Javascript?
- O que preciso para aprender Javascript?
- A tag <script></script>
- O comando document.writeln
- O comando getElementById
- Conhecendo a estrutura básica da linguagem
- Configurando a ferramenta de desenvolvimento
- Desenvolvendo nossa primeira página em Javascript
- Visualizando a página no Navegador
- Entendendo o código desenvolvido
- O que é uma função?
- Sintaxe básica de uma função
- Demonstrando o uso de uma função no Javascript
- Visualizando nossa página
- Entendendo o código desenvolvido
- O que é uma variável?
- O que são tipos de dados?
- Lista dos tipos de dados
- Number
- String
- Boolean
- Array
- Como utilizar as variáveis no JavaScript?
- Regras para criação de variáveis no JavaScript
- Comando de atribuição
- Operadores aritméticos (para Number)
- Operadores para String
- Utilizando comentários
- Demonstrando o uso de variáveis
- Entendendo o código desenvolvido
- O que é depurar?
- Utilizando as ferramentas de depuração dos navegadores
- Analisando o erro informado pelo navegador
- Corrigindo o código no JavaScript
- O que são estruturas condicionais?
- A estrutura condicional If
- A estrutura condicional If/Else
- Operadores relacionais
- Operadores lógicos
- Operador && (and)
- Operador || (or)
- Operador ! (not)
- Demonstração do uso do If/Else e Operadores
- A estrutura Switch/Case
- Demonstração do uso do Switch/Case
- Estrutura If/Else encadeada
- Demonstração da estrutura If/Else encadeada
- O que são estruturas de repetição?
- A estrutura de repetição While
- A estrutura de repetição Do/While
- A estrutura de repetição For
- Diferença entre as estruturas de repetição
- Demonstração do uso das estruturas de repetição
- O que é um Objeto em JavaScript?
- Exemplos de tipos de dados Objeto
- Fundamentos sobre Programação Orientada a Objetos
- O que é um Array?
- Demonstração do uso de Array no JavaScript
- Usando o comando alert()
- Usando o comando confirm()
- Usando o comando prompt()
- O que é DOM?
- O comando createElement
- O comando createTextNode
- O comando appendChild
- Demonstração da criação de elementos no JavaScript
- A função IndexOf
- A função toUpperCase
- A função toLowerCase
- A função Replace
- A função SubString
- Demonstração do tratamento de Strings
- O que são eventos?
- Tipos de eventos no JavaScript
- Demonstração do uso de eventos no JavaScript
- O que é Web Storage?
- O comando localStorage
- Demonstração do uso do localStorage
- O comando sessionStorage
- Demonstração do uso do sessionStorage
- O que são expressões regulares?
- O objeto RegExp?
- Validando uma entrada com RegExp
- Validando E-mail
- Validando Telefone
- Validando CEP
- Validando outros formatos
- Demonstração de Validação de Dados
- O que é Canvas?
- Demonstração do uso do Canvas?
- Comandos do Canvas
- O objeto Context2D
- O objeto Image
- O comando fillStyle
- O comando fillText
- O comando strokeStyle
- O comando stroke
- O comando beginPath
- O comando lineTo
- O comando moveTo
- O comando drawImage
- O evento onload do objeto Image
- Animação com Canvas
- O que são sprites?
- Demonstrando uma animação usando Canvas
- O que é Geolocalização?
- Demonstração do uso de Geolocalização no JavaScript
- Mapa Estático
- Mapa Dinâmico
- Coordenadas
- Obtendo o nome da cidade
- O que é JQuery?
- Vantagens do uso do JQuery?
- Instalando o JQuery
- Demonstração do JQuery
- Conhecendo algumas funções básicas do JQuery
- O que é Ajax?
- Conhecendo as funções para tratamento de Ajax
- Demonstração do uso de Ajax no JavaScript
- Obtendo o conteúdo via ajax
- Manipulando conteúdo em XML
PROGRAMA: JQUERY
- Introdução ao JQuery
- O que é o JQuery?
- Vantagens de se usar o JQuery
- Onde consegui o JQuery?
- Instalando o JQuery na página Web
- Criando nossa primeira página usando JQuery
- Conhecendo a sintaxe básica do JQuery
- Conhecendo o seletor de elementos
- O seletor $ e o seletor alternativo jQuery
- Tipos de seletores
- Seletor de ID (ID Selector)
- Seletor de Classes (Class Selector)
- Seletor de Tags
- Combinando seletores
- Funções básicas de um objeto em JQuery
- atrr
- css
- html
- val
- Criando uma página que manipula elementos
- Efeitos e Animações com JQuery
- O método fadeIn()
- O método fadeOut()
- O método slideDown()
- O método slideUp()
- O método slideTooggle()
- Demonstração do uso dos efeitos ‘Fade In’ e ‘Fade Out’
- Demonstração do uso dos efeitos ‘Slide Down’ e ‘Slide Up’
- Manipulação de Eventos no JQuery
- O que são eventos?
- Como usar eventos via jQuery
- Tipos de Eventos do jQuery
- Eventos do Browser
- Evento de Teclado
- Eventos de Mouse
- Demonstração do uso dos Eventos
- Criando elementos dinâmicos com JQuery
- A função add
- A função appendTo
- A função after
- A função before
- Criando uma página que cria elementos dinâmicos via jQuery
- Manipulação de Arrays com JQuery
- O método $.each
- Processando cada elemento do array
- Demonstração do processamento dos elementos do array no jQuery com o $.each
- Trabalhando com Ajax no jQuery
- O que é Ajax? Para que ele serve?
- Funções do jQuery para manipulação e envio de dados via Ajax
- A função load
- Criando uma página Ajax com jQuery demonstrando o uso do load
- A função $.post
- Criando uma página Ajax com jQuery demonstrando o uso do $.post
- A função $.get
- Criando uma página Ajax com jQuery demonstrando o uso do $.get
- A função $.ajax
- Criando uma página Ajax com jQuery demonstrando o uso do $.ajax
- Manipulação de Conteúdos nos formatos XML e JSON
- O que é XML? Para que ele serve?
- Criando uma página JQuery para manipulação de dados em XML
- O que é o JSON? Para que ele serve?
- Criando uma página JQuery para manipulação de dados em JSON
- Introdução a Web Services
- O que é uma Web Service? Para que serve?
- Criando uma página jQuery que consumirá via Ajax um serviço fornecido por uma Web Service
- Plug-ins desenvolvidos em JQuery
- O que são plug-ins?
- O plugin bxSlider
- Demonstração do uso do bxSlider
- O plugin alertifyjs
- Demonstração do uso do alertifyjs
- O plugin jQuery Masked Input
- Demonstração do uso do jQuery Masked Input
Cursos Relacionados
Confira os cursos relacionados abaixo
Nosso Endereço
Av. Treze de Maio nº 23 - 8º Andar Centro - Rio de Janeiro RJ
Telefone +55 (21) - 2210 - 1180
WhatsApp: +55 (21) - 97879-2520
Email: cursoadv@cursoadv.com.br