Produto Reativo
Produto Reativo
Produto Reativo

Curso de Front End

Front-End

Apesar da evolução da engenheria de software e a necessidade cada vez maior de se especializar, as empresas valorizam e exigem um conhecimento Full Stack (que engloba todas as etapas), portanto mesmo um Engenheiro de Software com altas habilidades no server-side precisa conhecer o mundo Front-End.

Você fica perdido com tantos Frameworks Javascript?

Conhece Pré-processadores CSS?

Como unir Bootstraps, Foundations no client e server-side?

Como assim Server-side?

Neste curso você aprenderá as estratégias, estilos e padrões de design para conseguir desenvolver do zero todo o Front-End e aplicações híbridas Mobile, ganhar habilidades para melhorar o suporte no Back-End e conseguir implementar uma aplicação totalmente funcional.

Um curso voltado a desenvolvedores veteranos com experiência Desktop (como Delphi) e especialistas Back-End (como Java ou C#) ou Engenheiros e líderes que desejam acompanhar as tendências do desenvolvimento Front-End, assim como estudantes que procuram um curso focado nesse segmento da engenharia de Software.

Dinâmica

Seguimos um modelo de construção de uma WebApp totalmente funcional apresentando cada um dos itens com exercícios que forçam o aluno a desenvolver um modelo de auto-aprendizado.

Metodologia

Estilos

  1. Flat Design
  2. Minimalismo: A elegância de mostrar menos para fazer mais.
  3. Hamburger menus: Controverso, mas já universal.
  4. Account registration: Aprenda a pedir os dados conforme a necessidade deles..
  5. Long scroll: Perca o medo de dar scroll a seus usuários, o mundo Mobile já o acostumou..
  6. Card Layouts: Pode ter uma bordinha redonda, vai.
  7. Color Theory: Os impactos emocionais de cada cor.
  8. Material Design: Uma alternativa do google para um Flat rico.
  9. Flat Help: Documente com vídeos curtos, muito mais fácil de ajudar seu usuário.
  10. Skeuomorphism: As vezes precisamos imitar o mundo real.

Estratégias

  1. Offline First
  2. Evitar o History API e usar onhashchange para navegadores antigos como IE9.
  3. Web Storage API do HTML5.
  4. Online e Offline events. Documentação Mozilla
  5. Client-side Template.
  6. Mobile First
  7. Responsive Design: Um layout fluido entre dispositivos.
  8. Progressive Enhacement e Graceful degradation: De um iWatch para um Ipad.
  9. Gestos e eventos.
  10. Atomic Design
  11. Responsive Deliverables
  12. Módulos e componentes, não páginas.
  13. Pequenos Bootstraps.
  14. Isomorphism
  15. Interpolação para evitar concatenação de strings.
  16. Engines de Template.
  17. Client-side vs Server-side rendering, quando usar ambas.

Design Patterns

  1. Arquiteturas
  2. MVC e MVC Model 2: ExtJS ainda está aí até hoje, tipo o Cobol.
  3. MVC 2 com routing: Backbone nos deu um passado glorioso, descanse em paz.
  4. MVVM: A idéia do AngularJS é boa, mas de boas idéias o inferno está cheio.
  5. Component-based: ReactJS, o JSF que deu certo.
  6. UI Patterns
  7. Forms: Além dos CRUDs.
  8. Navegação: Tabs, Menus, Conteúdos, Breadcrumbs e hierarquias.
  9. Manipulação de dados: Tables, Searchs, Images e Grids.
  10. Relatórios e impressões.
  11. Ajudas e Tutoriais.
  12. Extra: Sketching e prototype: Storyboards, Sketching, Wireframes, Mock-ups.

Informações

Instrutor: Christiano Milfont

Não fornecemos notebook, aluno precisa trazer sua própria máquina.

Datas: 06, 13 e 20 de agosto de 2016.

Carga Horária: 24h/aula, iniciando às 8:00h e finalizando às 17h.

Formato Hands on, máximo de 8 alunos por turma.

Material didático, projeto concluído no curso, certificado de participação.

Curso + Projeto Entregue = Certificação Front End .

Endereço: Av Engenheiro Luis Vieira, 920 Sala 111, CEP: 60177-250, Dunas, Fortaleza-CE

Inscrição via Paypal

Dúvidas: email para cmilfont@milfont.org