Curso de Desenvolvimento Web com horário flexível, plataforma própria e garantia de emprego

Este sprint o guiará pelos fundamentos do desenvolvimento web e cobrirá os fundamentos de HTML e CSS. Você fará isso trabalhando em uma série de pequenos projetos na plataforma interativa antes de criar seu primeiro projeto independente. Neste sprint, você aprenderá como: - Construir uma estrutura de marcação de sites com HTML - Estilizar elementos do site com CSS

Sua tarefa é simples: criar uma página web sobre você. Para simplificar ainda mais, a estrutura dessa página deve ser idêntica à página web que você acabou de criar no sprint.

Em seu segundo sprint, você aprenderá a trabalhar com layouts utilizando Flexbox e elementos de posicionamento. Aqui, você também será apresentado ao BEM e ao Git em preparação para sprints posteriores e seus projetos. Neste sprint, você aprenderá como: - Controlar um layout de página web com Flexbox - Exibir e posicionar elementos utilizando propriedades de posição - Estruturar o código utilizando a metodologia BEM - Navegue pelas alterações de código utilizando o sistema de controle de versão Git

Nesse projeto, você criará um site padrão de página única de acordo com o roteiro do projeto. Esse projeto se concentrará no layout flexbox, posicionamento e semântica HTML.

Neste sprint, você dará vida à sua página utilizando animações e conteúdo incorporado. Você aprenderá como usar formulários para coletar informações dos usuários e desenvolverá as habilidades de BEM e Git aprendidas no Sprint 2. Você também aprenderá como depurar suas páginas web. Em seguida, você colocará todo esse conhecimento em uso ao finalizar sua página de destino. Neste sprint, você aprenderá como: - Manipular elementos visualmente utilizando transformações CSS e quadros-chave - Criar marcação para formulários de entrada do usuário - Organizar a estrutura do projeto de arquivos de acordo com as regras do BEM - Navegar e usar a linha de comando para o Git

Neste projeto, você criará uma página de destino para a cafeteria Triple Espresso. Você adicionará vídeos para diversificar o conteúdo da página, adicionar animações e transições suaves para destacar os estados de foco, conectar fontes do Google e organizar os arquivos por Flat BEM.

Os engenheiros de software precisam ser capazes de utilizar as especificações do projeto e transformá-las em produtos reais. Neste sprint, você fará exatamente isso, dando vida aos designs e especificações da Figma. Suas habilidades com o Git serão aprimoradas à medida que ensinamos alguns recursos especializados. Você também aprenderá como adaptar sua interface a uma variedade de dispositivos diferentes e organizar sua página utilizando o layout de grade. Neste sprint, você aprenderá como: - Escrever CSS personalizado para diferentes tamanhos de tela utilizando consultas de mídia - Criar o layout de uma página web utilizando colunas e linhas de grade - Colaborar com outros desenvolvedores utilizando ramificações do Git e solicitações de recebimentos

Dessa vez, você fará uma página web que mostra as cidades natais de alguns funcionários da TripleTen. Você precisará garantir que ela fique bem apresentada nos tamanhos de tela mais populares.

Esse sprint começa com um curso intensivo em uma das linguagens de programação mais populares do mundo, JavaScript. Com muita frequência, os engenheiros de software usam JavaScript para manipular o layout de uma página, portanto, vamos dar uma olhada mais de perto por dentro do seu navegador para te dar uma melhor ideia sobre o que está acontecendo com o DOM. E depois de definir seu código, sem dúvida você terá alguns erros; você aprenderá como exterminar eles no capítulo de depuração. Neste sprint, você aprenderá como: - Utilizar conceitos básicos de programação em JavaScript - Manipular HTML e CSS utilizando JavaScript e o DOM - Depurar código JavaScript utilizando as ferramentas do desenvolvedor e o console - Resolver conflitos de junção do Git com comandos para gerenciar o histórico do código

Neste e nos próximos sprints, você vai trabalhar em um projeto chamado "Around The U.S" — uma página interativa onde os usuários podem adicionar, remover, ou curtir fotos. Neste Sprint, você criará um site responsivo com HTML e CSS, escreverá o código JS para definir seu comportamento e publicará seu projeto no Git.

No sexto sprint, você se aprofundará nos fundamentos da programação, incluindo primitivas, condições, loops, arrays e funções. Você desenvolverá seu novo conhecimento do DOM e aprenderá como usá-lo para adicionar novos níveis de interatividade às suas páginas web. Neste sprint, você aprenderá como: - Manipular diferentes estruturas de dados em JavaScript - Criar conteúdo HTML com JavaScript e os métodos DOM - Criar ouvintes de eventos que lidam com eventos do navegador

Neste e nos próximos sprints, você vai trabalhar em um projeto chamado "Around The U.S.", uma página interativa onde os usuários podem adicionar, remover, ou curtir fotos.

Neste sprint, você se familiarizará com conceitos de programação mais avançados, como objetos e eventos. Você também aprenderá a trabalhar com formulários e validá-los utilizando JavaScript. O sprint termina com uma lição bônus para você sobre depuração em JavaScript. Neste sprint, você aprenderá como: - Manipular objetos em JavaScript - Controlar eventos de teclado e de cursor - Acessar elementos do formulário e valide a entrada do usuário

Neste projeto, você será solicitado a adicionar validação a todos os formulários do projeto e melhorar a UX dos pop-ups.

A essa altura, você será capaz de programar algumas páginas web bastante impressionantes. Como na maioria dos projetos, eles crescerão rapidamente e você desejará dividi-los em partes mais gerenciáveis. Neste sprint, você mergulhará na programação orientada a objetos enquanto aprende sobre a criação de código reutilizável eficiente. Também mostraremos como separar seu JavaScript em módulos para que você possa reutilizar o código em projetos e importar apenas o necessário. Neste sprint, você aprenderá como: - Implementar recursos orientados a objetos em JavaScript utilizando princípios OOP - Modificar conteúdos de marcação dentro das classes - Dividir o código JavaScript em módulos utilizáveis

Neste projeto, você se concentrará na refatoração, criação de cartões e validação de formulários em classes separadas.

Neste sprint, você aprenderá como desempacotar arrays e objetos utilizando a sintaxe de desestruturação. Você se aprofundará na programação orientada a objetos à medida que aprender mais sobre interfaces. Em seguida, você aprenderá como usar o webpack para agrupar seu código. Neste sprint, você aprenderá como: - Gerenciar objetos e arrays utilizando sintaxe de desestruturação - Organizar o código conforme o design orientado a objetos - Configurar o webpack para automatizar tarefas de compilação

Neste projeto, você se concentrará na refatoração, criando classes adicionais e acoplando elas, além de configurar o agrupamento e a construção do projeto com o Webpack.

No Sprint 10, você será um especialista em JavaScript. Neste ponto, você estará pronto para aprender outra técnica avançada: programação assíncrona. Você aprenderá como trabalhar com APIs para obter dados de fontes em toda a web. Por fim, você começará a se preparar para entrevistas com nossa primeira lição da série de preparação para entrevistas, na qual mergulhará nos protótipos de objetos. Neste sprint, você aprenderá como: - Escrever códigos JavaScript assíncronos com promessas - Fazer solicitações HTTP para um servidor utilizando a API Fetch - Atualizar marcações utilizando dados buscados - Implantar sites em um servidor remoto

Neste projeto, você recuperará informações do servidor e armazenará dados no servidor. Em seguida, você conectará seu site "Around The U.S." no servidor.

Neste sprint, você aprenderá como: - Criar elementos de interface do usuário utilizando JSX - Criar componentes React reutilizáveis - Gerenciar o estado e o ciclo de vida dos componentes utilizando React Hooks

Neste projeto, você portará o site "Around The U.S." para o React. Você será solicitado a portar marcações e estilos e configurar pop-ups e cartões.

Você continuará com o React nesse sprint enquanto abordamos alguns tópicos mais complexos, como o React Router, como trabalhar com dados no React e técnicas avançadas do React. A lição de preparação para entrevistas para esse sprint apresenta a programa de quadro branco. Neste sprint, você aprenderá como: - Adicionar e acesse rotas para um aplicativo React utilizando o React Router - Passar dados entre componentes React utilizando contexto - Utilizar componentes controlados para controlar elementos de formulário

Nesse projeto, você continuará portando seu site "Around the U.S." para o React e a aprender a enviar dados de formulário e outras informações para a API.

Para se tornar um desenvolvedor web full-stack, você precisará aprender o desenvolvimento do lado do servidor. Neste sprint, você aprenderá a configurar um servidor simples utilizando Node.js e como implantá-lo no back-end com Express.js. Você também continuará se preparando para entrevistas, desta vez com um capítulo sobre análise de complexidade algorítmica. Neste sprint, você aprenderá como: - Construir um servidor com Node.js - Implantar o back-end em uma máquina remota com Express.js e utilizá-lo para fornecer dados e respostas às solicitações do cliente

No projeto desse sprint, você ajustará sua estrutura para torná-lo mais modular, configurará um servidor que distribuirá conteúdo estático e, no processo, começará a criar sua própria API.

No sprint anterior, você aprendeu como criar um servidor. Agora, vamos ver como prepará-lo para trabalhar com o front-end. Começaremos discutindo os princípios da API REST e aprenderemos a trabalhar com bancos de dados. Você também aprenderá a trabalhar com expressões regulares, que são pesquisas de texto que você pode usar para encontrar strings específicas, como nomes ou lugares, utilizando caracteres especiais. Elas são uma ótima ferramenta para desenvolvedores. No capítulo final do sprint, o "avançado", vamos nos aprofundasr sobre as funções em JS. Neste sprint, você aprenderá como: - Criar uma API REST e use-a para conectar bancos de dados ao servidor - Armazenar, manipular e recuperar dados em um servidor utilizando MongoDB e Mongoose - Utilizar expressões regulares para validar e extrair dados de uma string - Implementar o tratamento de erros

No projeto, você criará uma API REST para seu projeto "Around The U.S." e conectará ele ao banco de dados.

Neste sprint, você aprenderá como criar um aplicativo totalmente funcional e dividir os usuários em grupos com diferentes níveis de acesso disponíveis. Para fazer isso, examinaremos brevemente os fundamentos da autenticação de back-end, depois mudaremos para o front-end e implementaremos a autenticação do usuário utilizando o React. Por fim, no final do sprint, falaremos sobre segurança de aplicativos web e como qualquer troca de dados entre front-ends e back-ends pode deixar seu aplicativo exposto a várias vulnerabilidades em potencial. Neste sprint, você aprenderá como: - Trabalhar com armazenamento de dados do navegador - Cadastrar, autorizar usuários e configurar o acesso no front end com React - Implementar autenticação de usuário com React - Configurar a segurança básica do aplicativo web

Neste projeto, você será solicitado a implementar o registro e a autorização para seu aplicativo React.

Primeiro, você aprenderá sobre a criação de autenticação do lado do servidor. Nós mostraremos como criar um usuário (registro, autenticação) e como criar um token. No sprint anterior, você trabalhou com um back-end pré-fabricado, mas agora você fará isso por conta própria. Depois disso, nós teremos dois grandes capítulos sobre testes automatizados e implantação do back-end, para um servidor remoto. Neste sprint, você aprenderá como: - Realizar testes básicos em seu código, inclusive em APIs e bancos de dados - Implementar autorização de back-end, utilizando tokens JWT - Implementar um manipulador de erros centralizado - Criar seu próprio domínio - Implantar um aplicativo web no Google Cloud

Neste projeto, você conectará o lado do cliente ao lado do servidor do aplicativo, escreverá o tratamento de erros centralizado e implantará o projeto.