Contenido del curso
Introdução ao Desenvolvimento Front End
2O que é HTML, CSS e Javascript
3Instalação e configuração do ambiente de desenvolvimento
4Introdução ao HTML: estrutura básica, tags e atributos
5Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao HTML
6Introdução ao HTML: estrutura básica, tags e atributos: Estrutura básica do HTML
7Introdução ao HTML: estrutura básica, tags e atributos: Entendendo as tags HTML
8Introdução ao HTML: estrutura básica, tags e atributos: Atributos em HTML
9Introdução ao HTML: estrutura básica, tags e atributos: Tags de cabeçalho
10Introdução ao HTML: estrutura básica, tags e atributos: Tags de parágrafo
11Introdução ao HTML: estrutura básica, tags e atributos: Tags de link (a)
12Introdução ao HTML: estrutura básica, tags e atributos: Tags de imagem (img)
13Introdução ao HTML: estrutura básica, tags e atributos: Listas em HTML
14Introdução ao HTML: estrutura básica, tags e atributos: Formulários em HTML
15Introdução ao HTML: estrutura básica, tags e atributos: Tags de entrada (input)
16Introdução ao HTML: estrutura básica, tags e atributos: Tags de botão (button)
17Introdução ao HTML: estrutura básica, tags e atributos: Tabelas em HTML
18Introdução ao HTML: estrutura básica, tags e atributos: Tags de divisão e span
19Introdução ao HTML: estrutura básica, tags e atributos: HTML semântico
20Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao CSS
21Introdução ao HTML: estrutura básica, tags e atributos: Seletores CSS
22Introdução ao HTML: estrutura básica, tags e atributos: Propriedades e valores CSS
23Introdução ao HTML: estrutura básica, tags e atributos: Box Model
24Introdução ao HTML: estrutura básica, tags e atributos: Posicionamento em CSS
25Introdução ao HTML: estrutura básica, tags e atributos: Flexbox e Grid
26Introdução ao HTML: estrutura básica, tags e atributos: Media Queries
27Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao JavaScript
28Introdução ao HTML: estrutura básica, tags e atributos: Variáveis e tipos de dados
29Introdução ao HTML: estrutura básica, tags e atributos: Operadores JavaScript
30Introdução ao HTML: estrutura básica, tags e atributos: Estruturas de controle (if, switch, for, while)
31Introdução ao HTML: estrutura básica, tags e atributos: Funções em JavaScript
32Introdução ao HTML: estrutura básica, tags e atributos: Objetos e arrays
33Introdução ao HTML: estrutura básica, tags e atributos: Manipulação do DOM
34Introdução ao HTML: estrutura básica, tags e atributos: Eventos em JavaScript
35Introdução ao HTML: estrutura básica, tags e atributos: AJAX e Fetch API
36Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao ES6+
37Introdução ao HTML: estrutura básica, tags e atributos: Promessas e async/await
38Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao Node.js e NPM
39Introdução ao HTML: estrutura básica, tags e atributos: Frameworks e bibliotecas populares (React, Angular, Vue)
40Formatação de texto com HTML
41Listas e tabelas em HTML
42Formulários e inputs em HTML
43Introdução ao CSS: seletores, propriedades e valores
44Introdução ao CSS: seletores, propriedades e valores: Introdução ao CSS
45Introdução ao CSS: seletores, propriedades e valores: Entendendo o que são seletores CSS
46Introdução ao CSS: seletores, propriedades e valores: Tipos de seletores CSS: Elemento, Classe e ID
47Introdução ao CSS: seletores, propriedades e valores: Combinando seletores CSS
48Introdução ao CSS: seletores, propriedades e valores: Introdução às propriedades CSS
49Introdução ao CSS: seletores, propriedades e valores: Como usar e entender as propriedades CSS
50Introdução ao CSS: seletores, propriedades e valores: Introdução aos valores em CSS
51Introdução ao CSS: seletores, propriedades e valores: Diferentes tipos de valores em CSS: Cores, Tamanhos e Unidades
52Introdução ao CSS: seletores, propriedades e valores: Como aplicar valores a propriedades CSS
53Introdução ao CSS: seletores, propriedades e valores: Entendimento da cascata e herança em CSS
54Introdução ao CSS: seletores, propriedades e valores: Como usar o inspetor de elementos para depurar CSS
55Estilização de texto com CSS
56Layout e posicionamento com CSS
57Box model e padding, border e margin
58Cores e fundos em CSS
59Pseudoclasses e pseudoelementos em CSS
60Animações e transições em CSS
61Responsive design com media queries
62Introdução ao Bootstrap
63Utilizando grids e containers no Bootstrap
64Componentes do Bootstrap: botões, formulários, carrossel
65Introdução ao Javascript: variáveis, tipos de dados, operadores
66Introdução ao Javascript: variáveis, tipos de dados, operadores: Introdução ao Javascript
67Introdução ao Javascript: variáveis, tipos de dados, operadores: Variáveis em Javascript
68Introdução ao Javascript: variáveis, tipos de dados, operadores: Tipos de Dados em Javascript
69Introdução ao Javascript: variáveis, tipos de dados, operadores: Operadores em Javascript
70Estruturas de controle em Javascript: if, for, while
71Funções em Javascript
72Objetos e arrays em Javascript
73DOM e manipulação de elementos HTML com Javascript
74Eventos e listeners em Javascript
75Formulários e validação de dados com Javascript
76Introdução ao jQuery
77Efeitos e animações com jQuery
78Ajax e requisições HTTP com Javascript
79Introdução ao React.js
80Componentes e estado em React.js
81Rotas e navegação em React.js
82Introdução ao Vue.js
83Directivas e componentes em Vue.js
84Gerenciamento de estado com Vuex
85Introdução ao Angular.js
86Componentes e serviços em Angular.js
87Formulários e validação de dados com Angular.js
88Boas práticas de codificação e organização de projetos
89Versionamento de código com Git
90Deploy de aplicações Front End
91Testes unitários e de integração em Javascript
92SEO e acessibilidade na web
93Performance e otimização de sites
94Ferramentas de desenvolvimento do navegador
95Trabalhando com APIs e dados JSON
96Introdução ao Node.js e Express.js
97Websockets e comunicação em tempo real
98Trabalhando com bancos de dados NoSQL: MongoDB
99Autenticação e autorização com JWT
100Segurança na web: CORS, CSRF, XSS
Descripción del curso
O "Curso Completo de HTML, CSS e JavaScript para se Tornar um Desenvolvedor Front End" é uma imersão profunda no mundo do desenvolvimento web front-end. Pertencente à categoria de Informática (TI), especificamente na subcategoria de Programação Front-End, este curso é um verdadeiro guia de referência com um total de 125 páginas repletas de conhecimento técnico e prático.
Ao iniciar, você será apresentado aos fundamentos do desenvolvimento Front End, compreendendo a importância e o papel de um desenvolvedor nessa área. Este curso aborda a tríade fundamental da web: HTML, CSS e JavaScript, explicando suas funções e como elas se interconectam para criar interfaces de usuário atraentes e interativas.
A configuração do ambiente de desenvolvimento é outro ponto crucial abordado, garantindo que você esteja preparado com todas as ferramentas necessárias para codificar de maneira eficiente. O curso guia você desde a estrutura básica do HTML, explorando tags, atributos e sua aplicação prática, até aos estilos e layout com CSS, utilizando seletores, propriedades e valores.
Com o CSS, você aprenderá a estilizar sua página de maneira detalhada, ajustando texto, layouts, cores, bordas e muito mais, dominando conceitos essenciais como o Box Model, posicionamento, Flexbox e Grid. Além disso, abordagens modernas como Media Queries para design responsivo são incluídas para garantir que suas páginas sejam acessíveis em qualquer dispositivo.
No âmbito do JavaScript, o curso não só ensina sobre variáveis, tipos de dados e operadores, como também aprofunda nas estruturas de controle, funções, objetos e arrays. O uso do JavaScript para manipulação do DOM e gestão de eventos é extensivamente coberto, oferecendo uma compreensão sólida de como tornar suas páginas web dinâmicas e interativas. Técnicas avançadas como AJAX e Fetch API, JavaScript moderno (ES6+) e manipulação assíncrona com Promessas e async/await também são detalhadas.
Ferramentas e frameworks populares não ficam de fora: você terá introduções ao Node.js, NPM, e frameworks como React, Angular e Vue. Cada um oferece uma perspectiva única na construção de aplicações complexas e em grande escala. Além disso, o curso aborda versionamento de código com Git, práticas de deploy, otimização de performance, e princípios de segurança na web.
Para um desenvolvimento mais integrado e moderno, o curso também introduz conceitos de DevOps com Docker, CI/CD, uso de APIs, e manipulação de dados JSON. Práticas recomendadas de UX/UI Design são enfatizadas para criar interfaces não só funcionais, mas também intuitivas e agradáveis aos usuários.
Complementando o aprendizado técnico, o curso aborda tópicos como gerenciamento de projetos com Agile e Scrum, além de preparar você para entrevistas e construção de carreira como desenvolvedor front-end, garantindo que você esteja não só tecnicamente preparado, mas também estrategicamente alinhado para o mercado de trabalho.
Este curso concentra-se em fornecer um aprendizado abrangente e profundo, prepararando você para desafios reais no desenvolvimento web, transformando o conhecimento adquirido em habilidades práticas e aplicáveis.
Este curso gratuito incluye:
8h51m curso de audio en línea gratuito
125 páginas de contenido
Certificado digital de finalización del curso.
Ejercicios para entrenar tus conocimientos