This is a repository to keep track of my progress in the road to learn the knowledge of being a fullstack engineer. I do not have a clear goal of what I want to do in the future, but I do want to learn the knowledge of fullstack. I will keep track of my progress in this repository.
Note: This repository is not a tutorial for learning fullstack. It is just a record of my progress. Also, it could be paused or halted at any time due to the high capacity of my academic load.
I am taking the learn-by-doing approach to learn the knowledge of fullstack. For any segment of knowledge, I will try to build a project from scratch, and learn the knowledge I need to know during the process. For learning materials, I will try to use the official documentation and YouTube videos as much as possible.
The overall roadmap I would take follows the The Better Dev curriculum.
- HTML/CSS
- Internet
- Javascript Now in Progress: 30%
- Linux/Servers
- Programming
- Databases
- APIs
- Security/DevOps
- Frontend Frameworks
For the records of each project, please refer the brief introductions as follows and you may seek the original repository for further detail.
-
My Outfits: A learn-by-doing flutter project, aimming at building a outfit managment system of MrPeterJin (or someone else). This is the very first project I build using Flutter framework. However, at this time I have zero knowledge of the front/back end and build this project by copying the code from the Flutter 3.3 Master Class for Beginners to Advanced - Ticket Booking App Development Tutorial video. Due to the limitation of the systematic knowledge, I stopped at building the basic framework of the application. (Started on Feb 14, 2023; Completed on May 27, 2023)
-
YouTube Clone: A learn-by-doing html/css project. Following HTML & CSS Full Course - Beginner to Pro, this project has fully investigated the basic knowledge of HTML/CSS and clones the homepage of YouTube. (Started on May 27, 2023; Completed on May 28, 2023). After this project, I think I have a (sort of) basic understanding of HTML/CSS and will move on to the next project.
-
Computer Networks and the Internet: This is a theorem learning process. I go through it through the book Computer Networking: a Top-Down Approach (8th edition), J.F. Kurose, K.W. Ross, Pearson, 2020.. (Started on May 29, 2023; Completed on Jul 17, 2023). After this project, I think I have a basic understanding of the Internet and was amazed about how the Internet works.
-
30 Day Vanilla JS Coding Challenge: Following 30 day vanilla js coding challenge, I started the journey of learning Javascript. (Started on Jul 17, 2023).
Projects
01 - JS Drum Kit
A web application that plays drum sound when the corresponding key is pressed. (Completed on Jul 17, 2023)02 - JS and CSS Clock
A web application that shows the current time with a clock. (Completed on Jul 18, 2023)03 - CSS Variables
A web application that uses CSS variables to change the spacing, blur, and color of an image. (Completed on Jul 18, 2023)04 - Array Cardio Day 1
A script that uses array methods to manipulate data. (Completed on Jul 19, 2023)05 - Flex Panel Gallery
A web application that shows a gallery of images that expand when clicked. (Completed on Jul 19, 2023)06 - Type Ahead
A web application that uses the fetch API to retrieve data from a server and display it in a list. The data is a list of cities and states in the US. The user can type in a city or state and the list will be filtered to show only the cities or states that match the user's input. (Completed on Jul 21, 2023)07 - Array Cardio Day 2
A script that uses array methods to manipulate data. (Completed on Jul 22, 2023)08 - Fun with HTML5 Canvas
A web application that allows the user to draw on a canvas. (Completed on Jul 23, 2023)09 - Dev Tools Domination
A script that demonstrates some of the features of the browser's developer tools. (Completed on Jul 23, 2023)10 - Hold Shift and Check Checkboxes
A script that allows the user to check multiple checkboxes by holding down the shift key and clicking on the first and last checkboxes. (Completed on Jul 26, 2023)