TRILHA COMPLETA: PROGRAMAÇÃO FRONT-END

Português

TRILHA DA PROGRAMAÇÃO WEB FRONT-END - 100% (ON DEMAND)

Aprenda as tecnologias que realmente importam no presente e no futuro e dê o primeiro passo para uma jornada promissora em tecnologia. Você aprenderá desde os princípios básicos, até a criação de scripts para desenvolvimento de páginas web responsivas.

- Uma trajetória promissora!

As buscas por especialistas em desenvolvimento de interfaces web inteligentes e responsivas utilizando HTML, CSS, JavaScript e outras ferramentas avançadas como React.js, jQuery e Bootstrap tem aumentado e continuarão em ascensão nos próximos anos. Torne-se um Desenvolvedor Front-End e comece a atuar na área que mais cresce no MUNDO!

Mostrar mais
  • Conteúdo
  • Vantagens
  • Detalhes
01
Módulo 0 - Onboarding e avisos
  • Aula 00 - Onboarding e como aproveitar o curso
02
Módulo 1 - HTML e CSS
  • Aula 01 - Introdução ao desenvolvimento web
  • Quiz - Aula 01
  • Aula 02 - Instalação e Configuração do Visual Studio Code
  • Aula 03 - HTML: Codificação e Tags
  • Quiz - Aulas 02 e 03
  • Aula 04.1 - HTML: Tags básicas de texto
  • Aula 04.2 - HTML: Tags Básicas de Listas
  • Aula 04.3 - HTML: Tag básica de imagem
  • Aula 04.4 - HTML: Tags básicas de mídias
  • Aula 04.5 - HTML: Tags básicas de organização
  • Quiz - Aula 04
  • Aula 05 - Projeto: Tags HTML
  • Aula 06 - HTML: Tabelas
  • Challenge - Aula 06
  • Aula 07 - HTML: Formulário básico
  • Quiz - Aula 07
  • Aula 08 - Projeto: Organização do conteúdo
  • Aula 09 - Projeto: Wireframe e prototipação básica
  • Aula 10.1 - Projeto: Prototipação em HTML
  • Aula 10.2 - Projeto: HTML das páginas internas
  • Aula 11 - CSS: Introdução
  • Aula 12 - CSS: Tipografia
  • Quiz - Aula 11 e 12
  • Aula 13 - CSS: Formatações de texto
  • Aula 14 - Projeto: Formatação de texto
  • Aula 15 - CSS: Cores
  • Aula 16.1 - CSS: Seletores
  • Aula 16.2 - CSS: Seletores avançados
  • Aula 17.1 - CSS: Box model
  • Aula 17.2 - CSS: Box model
  • Aula 17.3 - CSS: Box model
  • Aula 18 - CSS: Formatação de tabelas
  • Aula 19 - Projeto: Formatação de caixas
  • Aula 20 - CSS: Display e Float
  • Aula 21 - CSS: Position e z-index
  • Aula 22 - CSS: Flexbox
  • Aula 23 - Projeto: Posicionamento
03
Módulo 2 - Git e GitHub
  • Aula 01 - Introdução ao git / github
  • Aula 02 - Instalação git / github
  • Aula 03 - GitHub e repositórios remotos
  • Aula 04 - Projeto: criando repositório no GitHub
  • Aula 05 - GitHub Desktop
  • Aula 06 - Conectando VS Code com Git e GitHub
  • Aula 07 - Projeto: commit, pull e push
04
Módulo 3 - Prototipação, UX e UI
  • Aula 01 - Introdução ao Figma
  • Aula 02 - Ferramentas e propriedades do Figma
  • Aula 03.1 - Wireframe com figma: Navbar e Header
  • Aula 03.2 - Wireframe com figma: Sections
  • Aula 03.3 - Wireframe com figma: Footer
  • Aula 03.4 - Wireframe com figma: Mobile
  • Aula 04.1 - Prototipação com Figma: Navbar e Header
  • Aula 04.2 - Prototipação com Figma: Section e Footer
  • Aula 04.3 - Prototipação com Figma: Mobile
  • Aula 05 - Navegação com Figma
05
Módulo 4 - Bootstrap
  • Aula 01 - Introdução ao Bootstrap
  • Aula 02 - Configurações iniciais
  • Aula 03 - Containers e responsividade
  • Aula 04.1 - Formulários
  • Aula 04.2 - Formulários
  • Aula 05 - Componentes
  • Aula 06.1 - Projeto com bootstrap: Navbar
  • Aula 06.2 - Projeto com bootstrap: Header
  • Aula 06.3 - Projeto com bootstrap: 1ª Section
  • Aula 06.4 - Projeto com bootstrap: 2ª Section
  • Aula 06.5 - Projeto com bootstrap: Footer
  • Aula 06.6 - Projeto com bootstrap: Mobile
06
Módulo 5 - JavaScript
  • Aula 01 - Introdução ao JavaScript
  • Aula 02 - Variáveis e tipos de dados
  • Aula 03 - Operadores matemáticos e relacionais
  • Aula 04.1 - Operadores lógicos
  • Aula 04.2 - Estruturas condicionais
  • Aula 05.1 - Estruturas de repetição (while)
  • Aula 05.2 - Estruturas de repetição (for)
  • Aula 06.1 - Arrays
  • Aula 06.2 - Laços de repetição com arrays
  • Aula 07 - Funções
  • Aula 08 - Objetos
  • Aula 09 - DOM e JavaScript Introdução
  • Aula 10 - DOM e JavaScript
07
Módulo 6 - jQuery
  • Aula 01 - Introdução ao JQuery
  • Aula 02 - Sintaxe e seletores
  • Aula 03 - Eventos
  • Aula 04 - Toggle class
  • Aula 05 - Efeitos e animações
  • Aula 06 - Métodos com DOM
  • Aula 07 - Projeto com JQuery
  • Extra - Requisições Ajax - EM BREVE
  • Extra - Jogo com JQuery - EM BREVE
08
Módulo 7 - React.js
  • Aula 01 - Introdução ao React
  • Aula 02 - Instalação do node
  • Aula 03 - Revisão JavaScript ES6
  • Aula 04 - Primeiros passos com React
09
Módulo 8 - Extra: Desafios Hands On
  • Finalizando Projeto BR Food - EM BREVE
  • Projetos extras - EM BREVE!
10
Cronograma do curso
  • Cronograma do curso
Saiba mais sobre quem criou o conteúdo
INOVATION ACADEMY
8 Anos Hotmarter

CONHEÇA MAIS SOBRE A INOVATION

Fundada em 2007, a Inovation, possuí mais de uma década de presença no mercado, atuando em alta experiência na Busca e Aquisição de Profissionais de Tecnologia, destacando-se na prestação de serviços especializados busca de perfis raros, complexos e de difícil contratação.

A Inovation Academy, segmento EDTech, foi criada para ajudar jovens iniciantes e profissionais em transição de carreira a começar os primeiros passos na construção de uma carreira bem sucedida em TI.

Perguntas Frequentes

Quem avaliou TRILHA COMPLETA: PROGRAMAÇÃO FRONT-END?

Todas as avaliações mostradas aqui foram feitas por pessoas reais que compraram e deram sua opinião sobre o curso. Quando alguém compra um curso através da Hotmart, a pessoa recebe um convite para avaliar o conteúdo dele. A nota nesta página é o resultado da média das avaliações feitas por estes compradores, que vai de 1 a 5 estrelas.

Como funciona o “Prazo de Garantia”?

O Prazo de Garantia é o período que você tem para pedir o reembolso integral do valor pago pela sua compra, caso o produto não seja satisfatório. Assim que solicitado, seu reembolso é processado automaticamente pela Hotmart em até 5 dias. Para pagamentos com boleto bancário, você precisa preencher uma conta bancária para receber o dinheiro. Passados os 5 dias, o valor poderá ser identificado em sua conta em até 7 dias úteis. Já o estorno da fatura do cartão de crédito varia de acordo com o meio de pagamento e pode ocorrer na fatura atual ou na seguinte.

Como faço pra criar um produto?

Primeiro, você precisa criar seu cadastro grátis, clicando aqui. Lá dentro, você tem acesso a mais de 15 formatos pra transformar o que você sabe em um produto digital. Além disso, vai poder acessar também o Hotmart Academy.

O que é e como funciona o Certificado de Conclusão digital?

Alguns cursos online oferecem um certificado digital de conclusão. Alunos podem emitir esse certificado ao final do curso ou entrando em contato com o Autor ou Autora. Esses certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares.

Quais diferenciais os produtos podem ter?

Os produtos na Hotmart têm diferenciais que mudam de acordo com o tipo de produto e a disponibilidade. Por exemplo, produtos do tipo "Cursos online" podem ou não oferecer certificado digital de conclusão. Caso o certificado esteja disponível, alunos podem emiti-lo dentro do curso ou entrando em contato com o(a) Autor(a). Os certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares. A garantia também é um diferencial dos nossos produtos e pode variar de 7, 15 ou 30 dias, de acordo com o oferecido pelo Autor(a). Para ver os diferenciais disponíveis neste produto, basta checar a seção Diferenciais.

Como acesso meu produto?

Você receberá o acesso a TRILHA COMPLETA: PROGRAMAÇÃO FRONT-END por email. Pode ser um curso online, um ebook, uma série de videoaulas, um serviço, evento, etc. O conteúdo será acessado ou baixado através de um computador, celular, tablet ou outro dispositivo digital. Você também pode acessar o produto comprado nesta página:

01 - Faça login clicando em Entrar
02 - Acesse o menu lateral, clique em Minha conta
03 - Clique em Minhas compras
Em "Minhas compras" estarão todos os produtos que você já comprou!

Tenho interesse neste curso, como posso comprar?

Para comprar este curso, clique no botão “Comprar”. Lembre-se de que nem todos os cursos estarão sempre disponíveis para compra. É possível que o Autor ou Autora esteja preparando uma nova turma ainda sem inscrições abertas.

Como faço para me afiliar?

Para ser Afiliado(a), recomendamos que leia os guias que disponibilizamos em todos os canais da Hotmart. Além disso, uma boa maneira de se informar um pouco mais é acessando nosso blog. O produto desta página está disponível apenas para compra, para ver os produtos de afiliação, vá até o Mercado de Afiliação.

Posso denunciar um produto que possui informações inadequadas?

Temos um canal exclusivo para receber denúncias em produtos que não estão de acordo com as regras da plataforma Hotmart. Se você vir informações inadequadas, denuncie aqui

Tenho outras dúvidas, quem pode me respondê-las?

Acesse nossa Central de Atendimento, onde explicamos, em detalhes, todas as dúvidas que você possa ter antes, durante ou depois de comprar um produto digital na Hotmart.

O conteúdo deste produto não representa a opinião da Hotmart. Se você vir informações inadequadas, denuncie aqui
Garantia de 7 dias
Certificado de conclusão
Estude do seu jeito e em qualquer dispositivo
60 aulas e 40 horas de conteúdo original
Formato: Cursos Online e Serviços de Assinatura . ProgramaçãoCategoria: Tecnologia da Informação
INOVATION ACADEMY
8 Anos Hotmarter
Acessar produto comprado