Neste primeiro módulo de Javascript, utilizaremos essa importantíssima linguagem para ensinar os conceitos iniciais de lógica de programação. A lógica é fundamental na formação de um desenvolvedor, pois é através dela que você prenderá os conceitos necessários para desenvolver qualquer programa. A escolha do uso de Javascript foi feita para alinhar, desde o início, o conteúdo do curso ao desenvolvimento web.

O que você vai dominar?

• Variáveis e tipos de dados
• Operadores aritméticos
• Operadores relacionais
• Operadores lógicos
• Git – GitHub
• Estruturas de decisão
• Estruturas de repetição
• Objetos nativos do Javascript: Date – String – Math
• Manipulação de Arrays I

Em um projeto web, uma das primeiras fases de desenvolvimento é a prototipação das telas. É nessa fase que definimos e desenhamos como os conteúdos serão exibidos em nossas interfaces. Para isso, vamos aprender a utilizar o Figma, uma das ferramentas mais disruptivas do mercado. E que, aliada aos padrões UI (User Interface) e UX (User Experience), possibilita a prototipação das telas de qualquer aplicação Web.

Para otimizar ainda mais o seu projeto, você também vai conhecer as boas práticas de SEO (Search Engine Optimization), garantindo uma melhor indexação em buscadores como o Google.

O que você vai dominar?

• Visão geral de UX e UI                                                                                                                 
• O que é interface                                                                                                                               
• Pesquisas - Entrevistas                                                                                                                         
• Card Sorting                                                                                                                                      
• Heurísticas                                                                                                                                            
• Testes de Usabilidade                                                                                                                      
• Introdução ao Figma                                                                                                                           
• Layout - Alinhamento - Grid - Constraints                                                                                      
• Componentes - Plugins                                                                                                                      
• Fluxo                                                                                                                                                
• Cores                                                                                                                                                    
• Tipografia

HTML, CSS, SASS & Bootstrap.

Com o protótipo pronto, chega o momento de codificá-lo. Para isso, vamos utilizar duas linguagens estruturais no desenvolvimento front-end: o HTML, responsável pela inserção de conteúdo; e o CSS, que realiza a estilização de toda a sua página.

Você vai dominar os principais recursos dessas linguagens usando os padrões de UI e UX que aprendeu módulo anterior. Além disso, você vai conhecer o Sass, um pré-processador CSS que permite uma codificação mais rápida e organizada dos seus estilos. E para terminar este módulo, vamos apresentar o framework front-end mais utilizado do mercado: o Bootstrap.

O que você vai dominar?

• Tags HTML: Estrutura básica - Imagens - Tabelas - Divs - Tags Semânticas - Formulários
• Estilização CSS:  Box Model - Tipologia - Containers - Flexbox - Unidades de Medida CSS
• Pré-processador Sass: Variáveis - Operadores - Condicionais - Import - Nesting - Mixins
• Framework Bootstrap: criação de sites responsivos

Depois de dominar os conceitos iniciais de lógica de programação e Javascript, chegou a hora de ir um pouco mais a fundo e aprender as funcionalidades mais importantes existentes nessa linguagem tão poderosa. Você vai conhecer novos conceitos e novas aplicações para deixar suas páginas muito mais interativas e proporcionar as melhores experiências aos usuários.

O que você vai dominar?

• Funções
• Objetos
• DOM - Eventos
• Manipulação de Arrays II
• Javascript Assíncrono
• Classes

Neste módulo, você vai aprender React, uma das principais bibliotecas Javascript de código aberto para desenvolvimento front-end. Criada pelo Facebook, em 2011, como um dos seus principais projetos internos, ela teve seu código disponibilizado para a comunidade em 2013.

Como funciona essa biblioteca? Podemos separar nossa interface em partes independentes, como componentes, e reutilizá-los quando necessário. O React também permite que qualquer profissional de programação que domine JavaScript crie aplicações web de forma simples, fácil, moderna e escalável. E, por isso, se tornou um importante pré-requisito para quem deseja atuar no desenvolvimento front-end.

O que você vai dominar?

• React Hooks                                                                                                       
• React Router                                                                                                    
• Redux                                                                                                               
• Componentes funcionais                                                                               
• Componentes de classes                                                                               
• Context API                                                                                                             
• Fetch API

Para concluir sua jornada, vamos conhecer mais uma tecnologia fundamental para quem quer atuar como desenvolvedor nesta área. Você vai aprender a utilizar o Angular, o framework Javascript criado pelo Google para atuar na otimização e desenvolvimento de aplicações front-end.

Como o HTML tem apenas conteúdo estático, o Angular pode ser usado para deixar esse conteúdo mais dinâmico, permitindo assim uma maior interação com o usuário. Com este framework, você poderá desenvolver aplicações SPA (Single Page Applications), uma única página web onde o conteúdo é carregado dinamicamente, evitando a sobrecarga do server-side. Também poderá criar recursos de forma mais rápida, utilizando uma variedade enorme de componentes existentes.

O que você vai dominar?

• Componentes                                                                                                 
• Pipes                                                                                                                   
• Diretivas                                                                                                          
• Eventos                                                                                                                      
• Route Guards                                                                                                 
• Services                                                                                                           
• Criação de Módulos                                                                                          
• Reactive Forms                                                                                                 
• Autenticação