É um curso da Udemy em inglês, cujo objetivo é propor o desafio de estudar programação pelo menos 1 hora por dia durante 100 dias.
A abordagem é fullstack e são discutidos temas como o desenvolvimento de websites, web apps e services; construção de frontend com HTML, CSS e Javascript; Backend com NodeJS, Express e bancos de dados SQL e NoSQL, além de autenticação de usuário e upload de arquivos.
Status: em andamento.
- Building a first website: HTML & CSS Basics
- Diving deeper into HTML & CSS
- HTML & CSS - Practice & Summary
- Serving a website (Hosting & Deployment)
- Version control with Git & Github
- Understanding HTML & CSS Layouts e Positioning
- Understanding Responsive Web Design
- Creating Beautiful Websites
- Adding forms to websites
- Understanding the JavaScript Basics
- Advanced JavaScript: Working with the DOM
- Advanced JavaScript: Control structures
- Milestone project: Building a tic-tac-toe game
- Working with third-party packages
- Onwards to backend development
- NodeJS Introduction
- Enhancing NodeJS with ExpressJS
- Static & dinamic content with templates (EJS)
- Handling dynamic routes (URLs), errors & Manag. bigger Express projects
- More advanced JavaScript concepts
- Onwards to databases
- SQL databases - Introduction & core concepts
- Using MySQL in NodeJS & Express websites
- NoSQL & MongoDB - Introduction
- NodeJS & MongoDB (NoSQL)
- Adding file upload to a website
- Ajax & asynchronous JS-driven Http requests
- User authentication & working with sessions
- Security
- Writing good code, refactoring & the MVC pattern
- Milestone project: a complete online shop
- Working with services & APIs - adding Stripe payments
- Deploying websites
- Web services & building custom (rest APIs)
- Introducing Vue.js
- Course summary & where to go next
- HTML
- CSS
- JavaScript
- NodeJS
- Express
- MySQL
- MongoDB
- Clonar o repositório:
git clone git@github.com:lineavelino/web-development-bootcamp.git
- Entrar na pasta do repositório:
cd web-development-bootcamp
- Entrar no projeto desejado, ex.:
cd personal-challenge
- Abrir no editor (manualmente ou pela linha de código, como no exemplo):
code .