From Zero to React to Next.js developer.
This will be an overview of the resources I found useful in learning to become a fullstack developer.
Whilst learning I set the below basic goals I wanted to achieve.
- Learn sufficient amount of HTML and CSS.
- Learn Javascript/Typescript.
- Learn React.
- Learn Next.js
- Learn different backends.
- Create working Next.js website.
The is a list of some backends I will try to cover and learn. They should be covered in the examples. If multiple examples needed I will use Next.js and the branch will have _firebase or _supabase appended onto it.
- Firebase
- Supabase
- Strapi
- PostgreSQL
- Custom Next.js API
- MongoDB
- PostgreSQL
I will be creating some exmaple websites for both React and Next.js. They will be there own branch each and will be following this naming convention 01_Title_Framework. The beginning number will be the lesson order, followed by example name title, followed by framework. The examples will become more advanced with a backend being needed. The backend that will most likely be used will be Firebase as it has an easy to use free tier. A folder will be created with documentation on how the backend was created. I will aim to use mutliple backend to gain more experience.
Examples/Lessons (Coming):
-
Example 1
-
Example 2
-
Example 3
-
Example 4
I found the below list of resources very useful in becoming a web developer. Thanks for all the people that worked on them.
- https://www.tutorialspoint.com/html/index.htm
- https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
- https://www.w3schools.com/html/
- https://html.com
- https://medium.com/@wovicodes/how-to-master-html-5-the-simplified-guide-3d8f90bd5521
- https://www.w3schools.com/css/
- https://developer.mozilla.org/en-US/docs/Web/CSS
- https://htmldog.com/guides/css/beginner/
- https://www.freecodecamp.org/news/follow-these-steps-to-become-a-css-superstar-837cd6cb9b1a/
- https://dev.to/imm9o/i-built-my-own-css-curriculum-to-master-it-2ec2
- https://medium.com/before-semicolon/15-css-things-to-master-and-become-a-better-web-developer-a18f370a8bc5
HTML and CSS are very much intertwined now so alot of resources cover parts of both. Some are:
- https://learn.shayhowe.com/html-css/
- https://learn.shayhowe.com/advanced-html-css/
- https://htmldog.com/guides/
- https://www.learn-js.org
- https://www.w3schools.com/js/DEFAULT.asp
- https://learnjavascript.online
- https://javascript.info
- https://medium.com/@trungluongquang/10-simple-effective-tips-to-master-javascript-c365aa176852
- https://nodejs.dev/learn
- https://www.tutorialspoint.com/master_nodejs_a_practical_approach_to_node_js/index.asp
- https://www.typescriptlang.org/docs/
- https://www.freecodecamp.org/news/learn-typescript-beginners-guide/
- https://www.freecodecamp.org/news/typescript-curry-ramda-types-f747e99744ab/
- https://www.tutorialspoint.com/master_typescript_learn_typescript_from_scratch/index.asp
- https://www.typescripttutorial.net
- https://www.w3schools.blog/typescript-tutorial
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent