Desenvolvimento Web Front-end

Prof. Eduardo Ono

 

Descrição

Introdução ao Desenvolvimento Web Front-end com ênfase em HTML5, CSS3, JavaScript (ECMAScript 6) e TypeScript. Inclui também a biblioteca React.js.

 

Conteúdo Programático

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.

 

Recursos

• Sites

  • https://www.w3schools.com
  • https://fonts.google.com
  • https://regex101.com
  • https://colorhunt.co
  • https://www.mathjax.org

• Canais do YouTube

  • Rocketseat

• Softwares

  • Microsoft Visual Studio Code - https://code.visualstudio.com

    • https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
    • https://docs.emmet.io/cheat-sheet/

  • BlueGriffon - http://bluegriffon.org

 

Bibliografia Básica

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.

 

Bibliografia Complementar

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.

 

Vídeos Recomendados

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)

 

Filmes e Documentários Recomendados

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)