Introdução ao Desenvolvimento Web Front-end com ênfase em HTML5, CSS3, JavaScript (ECMAScript 6) e TypeScript. Inclui também a biblioteca React.js.
Aula | Data | Descrição |
---|---|---|
01 | - Overview de Desenvolvimento Web: Front-end, Back-end e Full-Stack. | |
02 | - Configuração do ambiente de desenvolvimento; - Revisão de Redes e Internet. |
|
03 | - Instalação e configuração do Git; - Cadastro e configuração de uma conta no GitHub; - Configuração do GitHub Pages. |
|
04 | - Introdução à linguagem HTML. | |
05 | - Introdução ao CSS; Principais seletores e atributos; Cores e fontes. | |
06 | - CSS: Position; Layouts: flexbox, grid layout; - Exemplo: Formulário de login. |
|
07 | - Fundamentos da linguagem JavaScript. | |
08 | - DOM; Aplicação do JavaScript: Projeto "To Do List". | |
09 | - Consumo de APIs, JSON, AJAX. | |
10 | - Orientação à Objetos em JavaScript; Introdução ao desenvolvimento Back-End. | |
11 | - Fundamentos da linguagem TypeScript. | |
12 | - Introdução à biblioteca React.js | |
13 | - Exemplo de aplicação front-end com React.js. |
-
Canais do YouTube
-
-
Microsoft Visual Studio Code - https://code.visualstudio.com
-
BlueGriffon - http://bluegriffon.org
-
Capa | Descrição |
---|---|
[ROBBINS-5e_2018] ROBBINS, Jennifer N. Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. 5. ed., 2018. |
|
[FLANAGAN-6e_2013] FLANAGAN, David. JavaScript: O Guia Definitivo. 6. ed. Porto Alegre: Bookman, 2013. |
|
[FLANAGAN-7e_2020] FLANAGAN, David. JavaScript: The Definitive Guide. 7. ed. O’Reilly Media, 2020. |
Capa | Descrição |
---|---|
[CHACON_2014] CHACON, Scott; STRAUB, Ben. Pro Git. 2. ed. Apress, 2014. |
|
Git Notes for Professionals | |
[HAVERBEKE-3e_2018] HAVERBEKE, Marijn. Eloquent JavaScript. 3. ed., 2018. |
|
[GRONER-2e_2018] GRONER, Loiane. Estruturas de Dados e Algoritmos em JavaScript. São Paulo: Novatec, 2018. |
|
[BUNA_2016] BUNA, Samer. React.js Succinctly, 2016. |
Thumb | Descrição |
---|---|
[Fabio Akita] "Akita, quais Cursos você recomenda? E o Low-Code? E o GPT-3?" (41:29, YouTube, Ago/2020) |
|
[Yuval Noah Harari] Uma conversa entre Mark Zuckerberg & Yuval Noah Harari (1:33:30, YouTube, Abr/2019) |
Thumb | Descrição |
---|---|
[PC Tweaks] History of the Internet 2018 Documentary (54:02, Youtube, Out/2018) |
|
[The Documentary Network] Project Code Rush - The Beginnings of Netscape / Mozilla Documentary (56:08, YouTube, Ago/2013) |
|
[DW Documentary] Internet from outer space / DW Documentary (42:25, YouTube, Out/2020) |