Front-End para desenvolvedores Back-End

Apesar da evolução da engenharia 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?

front1

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
      1. Minimalismo: A elegância de mostrar menos para fazer mais.
      2. Hamburger menus: Controverso, mas já universal.
      3. Account registration: Aprenda a pedir os dados conforme a necessidade deles..
      4. Long scroll: Perca o medo de dar scroll a seus usuários, o mundo Mobile já o acostumou..
      5. Card Layouts: Pode ter uma bordinha redonda, vai.
      6. Color Theory: Os impactos emocionais de cada cor.
      7. Material Design: Uma alternativa do google para um Flat rico.
      8. Flat Help: Documente com vídeos curtos, muito mais fácil de ajudar seu usuário.
    2. Skeuomorphism: As vezes precisamos imitar o mundo real.
  • Estratégias
    1. Offline First
      1. Evitar o History API e usar onhashchange para navegadores antigos como IE9.
      2. Web Storage API do HTML5.
      3. Online e Offline events. Documentação Mozilla
      4. Client-side Template.
    2. Mobile First
      1. Responsive Design: Um layout fluido entre dispositivos.
      2. Progressive Enhacement e Graceful degradation: De um iWatch para um Ipad.
      3. Gestos e eventos.
    3. Atomic Design
    4. Responsive Deliverables
      1. Módulos e componentes, não páginas.
      2. Pequenos Bootstraps.
    5. Isomorphism
      1. Interpolação para evitar concatenação de strings.
      2. Engines de Template.
      3. Client-side vs Server-side rendering, quando usar ambas.
  • Design Patterns
    1. Arquiteturas
      1. MVC e MVC Model 2: ExtJS ainda está aí até hoje, tipo o Cobol.
      2. MVC 2 com routing: Backbone nos deu um passado glorioso, descanse em paz.
      3. MVVM: A idéia do AngularJS é boa, mas de boas idéias o inferno está cheio.
      4. Component-based: ReactJS, o JSF que deu certo.
    2. UI Patterns
      1. Forms: Além dos CRUDs.
      2. Navegação: Tabs, Menus, Conteúdos, Breadcrumbs e hierarquias.
      3. Manipulação de dados: Tables, Searchs, Images e Grids.
      4. Relatórios e impressões.
      5. Ajudas e Tutoriais.
    3. Extra: Sketching e prototype: Storyboards, Sketching, Wireframes, Mock-ups.

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

Datas: 23, 24 e 30 de abril e 01 de Maio de 2016.

Carga Horária: 24h/aula, iniciando às 8:00h e finalizando às 17h nos sábados e iniciando às 08:00 e finalizando as 12:00 nos domingos.

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

[button link=”http://milfont.org/frontend.html” size=”large” text-input-id=”Limpar”]Inscreva-se[/button]

Deixe o seu pensamento

Publicidade

Inscreva-se

Publicidade

Parceiros

QueroWorkar

O que é o QueroWorkar?

Dúvidas Frequentes

Anuncie Conosco

Contato