CURSO DE FRONT-END DEVELOPMENT

11 Jul 2016 19h - 12 Jul 2016 00h Rua Israel Pinheiro, 2000 - Bairro Universitário - Laboratório VII, Bloco B

PAGAMENTO À VISTA (DEPÓSITO BANCÁRIO)
Interessados no pagamento por depósito bancário deverão realizar o depósito com os seguintes dados:
Vinícius Ribeiro Fernandes
CNPJ - 21.823.286/0001-85
BANCO ITAÚ
CONTA: 54587-7
AGÊNCIA: 3180
VALOR: R$ 450,00

Após realizar o pagamento envie um e-mail com o comprovante de pagamento em anexo, seu nome completo, Idade, CPF, Telefone de contato e profissão para vinicius@nanomedia.com.br, com o assunto CURSO FRONT-END - Cadastro.

APRESENTAÇÃO
O desenvolvedor front-end é o profissional responsável por projetar, construir e otimizar as interfaces de projetos web.
As interfaces das aplicações web estão ficando cada vez mais complexas, logo é imprescindível a presença de um profissional especialista em interfaces. Por mais que possamos dizer que a web é multiplataforma, ainda temos grandes problemas de compatibilidade entre os browsers, e o conhecimento das nuances de cada um deles é de total importância para que o projeto atenda o máximo de clientes possíveis.

OBJETIVO
Formar profissionais com visão mais completa sobre o processo que vai da produção do código HTML para ser entregue para o desenvolvimento, assim como o conhecimento técnico da transformação do layout gráfico em páginas e apps com o front-end funcional pronto para ser entregue para desenvolvimento.

PÚBLICO ALVO
  • Programadores e estudantes de faculdades de tecnologia, que nunca trabalharam ou aprenderam tecnologias relacionadas a desenvolvendo de sites e sistemas web.
  • Designers e publicitários que já sabem criar a parte visual dos sites, mas não sabem transformar esse trabalho em código real, que vai funcionar no navegador.
  • Técnicos em informática que querem aprender a criar sites e aumentar a sua linha de atuação profissional.
  • Pessoas de outras áreas de atuação que querem aprender um novo hobby ou profissão.
PRÉ-REQUISITOS
  • Possuir conhecimentos satisfatórios de Windows e internet como usuário.
  • Saber ler, escrever e pensar.
  • Gostar de aprender.
REQUISITOS PARA A CONCLUSÃO
Frequência de 80% às aulas, apresentação e defesa do projeto final (web site, web app ou mobile app) individual.

DIAS E HORÁRIOS
  • 11/07/2016 29/07/2016
  • 19h00 às 22h00

EMENTA

INTRODUÇÃO
  1. O que faz um Front-End Developer.
  2. Mercado de trabalho.
  3. Hard Skills e Soft Skills.
  4. Interação Cliente - Servidor
  5. HTTP: Requisições e respostas
  6. Introdução a Navegadores (motores de renderização, User agents)
  7. Destrinchando o HTML
  8. Diferença entre sites / Web-application / Web-Services
  9. Criando servidor local (WAMP / LAMPP / XAMPP)
  10. Instalando Editores (Sublime Text / Brackets)
  11. Introdução ao Chrome Dev Tools
FUNDAMENTOS DE USABILIDADE NA WEB
  1. O que é usabilidade
  2. Abordagem "Não me faça pensar"
  3. Erros comuns
  4. Convenções
INTRODUÇÃO AO HTML5 e CSS3
  1. Exibindo informações na Web
  2. Sintaxe do HTML
  3. Estrutura de um documento HTML
  4. Tags HTML
  5. Imagens
  6. A estrutura dos arquivos de um projeto
  7. Primeira página
  8. Exercício: primeiros passos com HTML
  9. Estilizando com CSS
  10. Sintaxe e inclusão de CSS
  11. Propriedades tipográficas e fontes
  12. Alinhamento e decoração de texto
  13. Imagem de fundo
  14. Bordas
  15. Cores na Web
  16. Listas HTML
  17. Espaçamento e margem
  18. Exercícios: listas e margens
  19. Links HTML
  20. Exercícios: links
  21. Elementos estruturais
  22. CSS: Seletores de IDs e Classes
  23. Fluxo do documento e o float
  24. Exercícios: seletores CSS e flutuação de elementos
  25. O futuro e presente da Web com o HTML5
SEMÂNTICA E POSICIONAMENTO CSS
  1. HTML semântico
  2. Pensando no header
  3. Estilização com classes
  4. Exercícios: header semântico
  5. CSS Reset
  6. Block vs Inline
  7. Exercícios: reset e display
  8. Position: static, relative, absolute
  9. Formulários
  10. Posicionamento com float e clear
  11. Decoração de texto com CSS
  12. Cascata e herança no CSS
  13. Para saber mais: o valor inherit
  14. Exercícios: menu e destaque
  15. Display inline-block
  16. Seletores de atributo do CSS3
  17. Rodapé
  18. Substituição por Imagem
  19. Estilização e posicionamento do rodapé
  20. Exercícios: rodapé
  21. Para saber mais: suporte HTML5 no Internet Explorer antigo
CSS AVANÇADO
  1. Seletores avançados
  2. Pseudo-classes
  3. Pseudo elementos
  4. Exercícios: seletores e pseudo-classes
  5. Exercícios opcionais
  6. CSS3: border-radius
  7. CSS3: text-shadow
  8. CSS3: box-shadow
  9. Opacidade e RGBA
  10. Prefixos
  11. CSS3: Gradientes
  12. Progressive Enhancement
  13. Exercícios: visual CSS3
  14. CSS3 Transitions
  15. CSS3 Transforms
  16. Exercícios: CSS3 transform e transition
  17. Para saber mais: especificidade de seletores CSS
WEB MOBILE
  1. CSS media types
  2. CSS3 media queries
  3. Viewport
  4. Responsive Web Design
  5. Mobile-first
INTERATIVIDADE COM JAVASCRIPT
  1. Introdução ao JavaScript.
  2. Console do navegador.
  3. Introdução a Biblioteca JQuery.
  4. Aplicação de Plugins JQuery.
APIs / INTEGRAÇÃO DE SERVIÇOS
  1. Web 2.0 e integrações
  2. iframes
  3. Vídeo embutido com YouTube
  4. Google Maps
  5. Fontes customizadas com @font-face
  6. Serviços de web fonts
  7. Google Web Fonts
  8. Icon Webfonts
  9. Integração com redes sociais (Facebook / Twitter)
INTRODUÇÃO AOS FRAMEWORKS FRONT-END
  1. HTML5 Boilerplate
  2. Visão geral sobre Twitter Bootstrap.
  3. Visão geral sobre Zurb Foudation.
REGISTRO DE DOMÍNIOS / HOSPEDAGENS E FTP
  1. Registrando domínios .com e .com.br.
  2. Como escolher um provedor de Hospedagem.
  3. Configuração de DNS.
  4. Ferramentas de gerenciamento FTP.
  5. Conclusão.
LOCAL

Rua Israel Pinheiro, 2000 - Bairro Universitário - Laboratório VII, Bloco B

Rua Israel Pinheiro, 2000, Governador Valadares - MG, Brasil
Governador Valadares, Minas Gerais

Comentários