Fazer Curso "Complete Web Dev" by Angela Yu

[AndreBuitoni]

Link para o curso: https://www.udemy.com/course/the-complete-web-development-bootcamp/

• [ ] Seção 1 - Front-End Web Development
• [ ] Seção 2 - Introduction to HTML
• [ ] Seção 3 - Intermediate HTML
• [ ] Seção 4 - Introduction to CSS
• [ ] Seção 5 - Intermediate CSS
• [x] Seção 6 - Introduction to Bootstrap 4
• [x] Seção 7 - Intermediate Bootstrap
• [x] Seção 8 - Web Design School - Create a Website that People Love
• [x] Seção 9 - Introduction to Javascript ES6
• [x] Seção 10 - Intermediate Javascript
• [x] Seção 11 - The Document Object Model
• [x] Seção 12 - Boss Level Chaççenge 1 - The Dicee Game
• [x] Seção 13 - Advanced Javascript and DOM Manipulation
• [x] Seção 14 - jQuery
• [x] Seção 15 - Boss Level Challenge 2 - The Simon Game
• [x] Seção 16 - The Unix Command Line
• [x] Seção 17 - Backend Web Development
• [x] Seção 18 - Node.js
• [x] Seção 19 - Express.js with Node.js
• [x] Seção 20 - APIs - Application Programming Interfaces
• [x] Seção 21 - Git, Github and Version Control
• [x] Seção 22 - EJS
• [x] Seção 23 - Boss Level Challenge 3 - Blog Website
• [ ] Seção 24 - Databases
• [ ] Seção 25 - SQL
• [ ] Seção 26 - MongoDB
• [ ] Seção 27 - Mongoose
• [ ] Seção 28 - Putting Everything Together
• [ ] Seção 29 - Deploying Your Web Application
• [ ] Seção 30 - Boss Level Challçenge 4 - Blog Website Upgrade
• [ ] Seção 31 - Build Your Own RESTful API From Scratch
• [ ] Seção 32 - Authentication & Security
• [ ] Seção 33 - React.js
• [ ] Seção 34 - Web3 Decentralised App (DApp) Development with the Internet Computer
• [ ] Seção 35 - Build Your First Defi (Decentralised Finance) DApp - DBANK
• [ ] Seção 36 - Deploying to the ICP Live Blockchain
• [ ] Seção 37 - Building DApps on ICP with a React Frontend
• [ ] Seção 38 - Create Your Own Crypto Token
• [ ] Seção 39 - Minting NFTs and Building an NFT Marketplace like OpenSea
• [ ] Seção 40 - Optinal Module: Ask Angela Anything
• [ ] Seção 41 - Next Steps

[AndreBuitoni]

Seção 8 - Web Design School - Create a Website that People Love https://www.canva.com/design/DAFQGsUlqbE/OlyP8IEqwP2dmLYwp3-3Rw/view?website#4:nature-hotel

[AndreBuitoni]

Seção 11

Finalizada hoje. Adicionei um repositório público no github para guardar os arquivos do curso. https://github.com/AndreBuitoni/Web-Development/tree/main/javascript-exercises/DOM

[AndreBuitoni]

Seção 12

Acesse o site para ver o resultado desse capítulo https://andrebuitoni.github.io/Web-Development/Dicee-Challenge/dicee.html

Mais informações e os printscreens dos códigos podem ser encontrados na tarefa #111

[AndreBuitoni]

Seção 13

Nesta seção, aprendi conceitos mais avançados de JavaScript e de manipulação de DOM. Criei um website que simula uma bateria virtual. Segue link para acesso: https://andrebuitoni.github.io/Web-Development/drum-kit/index.html

Um resumo mais completo desse capítulo pode ser obtido na tarefa #113

[AndreBuitoni]

Seção 21 - Git, github and version control Nesta parte do curso, aprendi comandos básicos para utilizar o git, aprendi as funções principais do github, principalmente no que diz respeito aos repositórios e aprendi sobre controle de versões.

Um resumo mais completo desse capítulo pode ser obtido na tarefa https://github.com/saibrotech/mentoria/issues/139

[AndreBuitoni]

Seção 22 - EJS

Repositório associado a esta aula: https://github.com/AndreBuitoni/Web-Development/tree/main/todolist-v1 -> O projeto foi a criação de uma TO DO LIST.

Nesta seção aprendi:

• O que é EJS (Embedded Javascript).
• A usar templates e layouts a meu favor para otimizar e organizar a programação.
• A criar meu próprio módulo node para poder utilizar qualquer um dos seus métodos em qualquer parte do programa.

Ainda fiquei um pouco na dúvida do quanto realmente EJS é utilizado na prática. Acredito que talvez o React tenha substituido muito o uso do EJS.

O relatório completo sobre essa seção pode ser acessado na issue #148

[AndreBuitoni]

Seção 23 - Challenge - Blog Website Repositório associado a essa aula: https://github.com/AndreBuitoni/Web-Development/tree/main/ejs-challenge

• Esta seção era um DESAFIO onde o objetivo era criar, passo a passo, um website estilo blog.

Nesta seção pratiquei o uso do EJS. Criei um página web contendo

• Header e Footer padronizados para todas as páginas do site
• Páginas: Home, About Us e Contact Us
• Uma página "secreta" que pode ser acessado adicionando "/compose" na URL, onde o autor do blog pode adicionar seus posts
• Na Homepage, aparecem todas as postagens do blog, sendo que elas ficam limitadas a 100 caracteres na homepage. Para ver a postagem toda, o usuário deve clicar no link "Read More", que leva para a página específica de cada post.

IMAGEM DA HOMEPAGE

O relatório completo sobre essa seção pode ser acessado na issue #150