Please take a moment to read the notes at the bottom of the page. They explain some of my philosophy of learning and contain some suggestions and tips which might help you make the most of your learning journey (particularly as it relates to the resources contained here.)
- P1xt Guides - Version 6.0
The goal of Tier 1 is to gain a robust foundational knowledge of web development and become confident at coding beginner to intermediate-level web projects. It should provide a stepping stone for branching into other facets of development or for diving deeper into more advanced web development.
- Proceed through the courses and projects in order.
- When you begin working on the Frontend Mentor projects, sign up for their discord and engage with the community. Help others when you can.
- Include mathematics in your studies if possible. There is a General Mathematics Progression at the bottom of the Notes below to guide you to whatever course in the sequence is appropriate for your level.
- Leverage the reading material listed for this tier while completing the projects. It covers the materials from the courses in much greater depth and will help a lot. You should be familiar with both reading it and using it as a reference when you have questions by the end of the tier.
- Near the end of this tier, polish up two of your best projects, showcasing your best work, for potential leverage in creating your portfolio in Tier 4.
| Reading | Status | Evidence |
|---|---|---|
| MDN HTML | ||
| MDN CSS | ||
| MDN JavaScript | ||
| Eloquent JavaScript | ||
| CSS Tricks |
The goal of Tier 2 is to gain substantial hands-on programming practice. You have two options for selecting where you'd prefer to dedicate that practice.
Pick one of the two paths below:
- Proceed through the courses in order
- Always be practicing. Ideas for practice:
- Projects on Frontend Mentor
- Challenges on CodinGame in JavaScript
- Ask ChatGPT to assign you a programming challenge
- Include mathematics in your studies if possible. There is a General Mathematics Progression at the bottom of the Notes below to guide you to whatever course in the sequence is appropriate for your level.
- Take time to read from the reading list
- Near the end of this tier, polish up two of your best projects, showcasing your best work, for potential leverage in creating your portfolio in Tier 4.
| Courses | Status | Evidence |
|---|---|---|
| The Odin Project Foundations | ||
| The Odin Project Full Stack JavaScript | ||
| Full Stack Open | ||
| MongoDB Node.js Developer Path |
| Reading | Status | Evidence |
|---|---|---|
| GraphQL | ||
| Node.js | ||
| Express |
- Proceed through the courses in order
- Always be practicing. Ideas for practice:
- Projects on Frontend Mentor
- Challenges on CodinGame in C, JavaScript, or Python
- Math progression on Khan Academy
- Ask ChatGPT to assign you a programming challenge
- Take time to read from the reading list
- Near the end of this tier, polish up two of your best projects, showcasing your best work, for potential leverage in creating your portfolio in Tier 4.
| Courses | Status | Evidence |
|---|---|---|
| CS50x | ||
| CS50's Web Programming with Python and JavaScript | ||
| CS50's Introduction to Databases with SQL | ||
| MongoDB Python Developer Path |
| Reading | Status | Evidence |
|---|---|---|
| W3 Schools C Programming | ||
| Python | ||
| SQLBolt |
The goal of Tier 3 is to gain skills that will serve you well as you begin a job search. This tier dives deep into data structures and algorithms which will not only help in interviews but will also teach you to create efficient code that will work well on the job. The programming language used for this tier is Java and that choice is intentional as familiarity with a more structured language will inform how you program in whichever language you might be using in the future.
- Proceed through the courses in order
- Always be practicing. Ideas for practice:
- Challenges on CodinGame in Java. Note that, for the first time, CodinGame also shows up in the activities below. You should aim to have finished 100 challenges on CodinGame from a mix of difficulty levels before completing this tier.
- Math progression on Khan Academy. This is the tier where you'll really notice it if you haven't been building up your math skill - often, understanding an algorithm is more about understanding how it works logically (mathematically) than knowing how to program it.
- Ask ChatGPT to assign you a programming challenge
- Take time to read from the reading list
- Near the end of this tier, polish up two of your best projects, showcasing your best work, for potential leverage in creating your portfolio in Tier 4.
| Reading | Status | Evidence |
|---|---|---|
| Think Java | ||
| Oracle's Java Documentation | ||
| The Algorithms - Java |
The goal of Tier 4 is to polish a portfolio of your best work.
- Create an online portfolio of your best work. You can:
- Polish projects you've completed previously
- Complete new projects
- Ensure the portfolio is visible online
- Ensure that you've adhered to good coding practices
- Ensure that your projects are clean and free from errors
- Aim for between 5 and 10 projects and ensure at least two projects are substantial in size and scope
- If you intend to dive deeper into React or Angular in Tier 5, you may choose to include a few less projects at this point, knowing that you will be adding a few more in that tier.
- If you need project ideas, ask ChatGPT using very specific prompts for project ideas of the scope you need and using the skills and technologies you'd like to highlight
The goal of Tier 5 is to enhance your knowledge and abilities by deep diving into areas of particular interest to you. Select one or more focus areas as your interests dictate.
Select any area that interests you for further study:
You will notice that the resources listed here for React are not courses,YouTube playlists, or podcasts where other people teach you React. This section lists the official docs. This is because:
- by this point you should be capable of, and consistently, "reading the docs"
- React changes pretty regularly, tutorials won't be updated, the docs will.
- The docs are actually fantastic and you will learn far more by diving in, as any course or tutorial would only show you bits and pieces, and to be an expert, you need a much bigger picture.
- Thoroughly study each resource. Dive deep into the APIs and documentation after working through any tutorials and quickstarts.
- Always be practicing. Ideas for practice:
- Projects on Frontend Mentor in React
- Math progression on Khan Academy
- Ask ChatGPT to assign you a programming challenge
- Complete four significantly complex practice projects in React. You will want them for your portfolio so make sure they demonstrate the best of your abilities. (Ask ChatGPT for project ideas if you don't have specific projects in mind that you'd like to focus on.)
| Resource | Status | Evidence |
|---|---|---|
| React | ||
| Next.js React Foundations | ||
| Next.js Tutorial | ||
| Next.js | ||
| Recoil | ||
| Redux | ||
| TypeScript | ||
| WebPack | ||
| React Testing Library | ||
| Jest | ||
| Storybook |
You will notice that the resources listed here for Angular are not courses, YouTube playlists, or podcasts where other people teach you Angular. This section lists the official docs. This is because:
- by this point you should be capable of, and consistently, "reading the docs"
- Angular changes pretty regularly, tutorials won't be updated, the docs will.
- The docs are actually fantastic and you will learn far more by diving in, as any course or tutorial would only show you bits and pieces, and to be an expert, you need a much bigger picture.
- Thoroughly study each resource. Dive deep into the APIs and documentation after working through any tutorials and quickstarts.
- Always be practicing. Ideas for practice:
- Projects on Frontend Mentor in Angular
- Math progression on Khan Academy
- Ask ChatGPT to assign you a programming challenge
- Complete four significantly complex practice projects in Angular. You will want them for your portfolio so make sure they demonstrate the best of your abilities. (Ask ChatGPT for project ideas if you don't have specific projects in mind that you'd like to focus on.)
| Resource | Status | Evidence |
|---|---|---|
| TypeScript | ||
| Angular | ||
| NGRX | ||
| Nx | ||
| Jasmine | ||
| Karma | ||
| Storybook | ||
| Angular Material |
Note: For this Focus Area, feel free to dive into it in its entirety, or just do a course or two here and there to supplement one of the other focus areas. You will notice that if you start working through the Computer Science Focus Area, from time to time, one of the Mathematics courses from this Focus Area will be listed as a pre-requisite.
| Courses | Status | Evidence |
|---|---|---|
| Single Variable Calculus | ||
| Mathematics for Computer Science | ||
| Multivariable Calculus | ||
| Introduction to Probability and Statistics | ||
| Differential Equations | ||
| Linear Algebra |
Note: This focus area dives a bit deeper into nitty-gritty computer science topics. Feel free to jump around and take whichever courses sound most interesting to you. (Structure and Interpretation of Computer Programs is one of my favorites.) You will, at times, find that a course has a mathematics course pre-requisite - those courses may be found in the Mathematics Focus Area above.
Before you start, please let me introduce a bit of my philosophy for learning how to be a top-notch programmer.
- always be learning
- always be practicing
- always help others when you can
- include learning some math
Programming, software engineering, web development, whatever you want to call it, however you want to approach it, has one immutable characteristic - it's a field in flux, and there are new advances every day - don't let this discourage you, but do let it instill in you an excitement for learning. Learning new technologies should be an exciting opportunity for growth, not a disappointing drudgery. Start, from day one, with a celebratory mindset about learning new things - that mindset will skyrocket your progress.
You’ll learn a lot from taking courses. You’ll learn a lot from watching videos. You’ll learn a lot from “reading the docs.” All of these are important, in fact crucial, on your path. If you want to retain all that great learning, you need to practice it. Practice will transform something you've been exposed to into something you can “reliably do.” Lean heavily into practicing.
You're learning, you're practicing - do you want to excel? Yes? Then find opportunities to help others learn. There is no other activity that will prepare you better to interview well than consistently helping others. It teaches you to interact well with others and communicate technical concepts.
Yeah, yeah, yeah, you can find a billion people on the internet who will tell you you don't need math to be a good programmer. I agree, to a certain extent. That said, math is about learning to solve increasingly complex problems. And, knowing how to logically go about solving increasingly complex problems is what programming is all about. Don't sleep on math, every little extra bit you learn will make you that much better at problem-solving. Yeah, you “can do fine” without the math, but with it, you fly!
Helpful (non-programming) resources
- Notion - for taking notes (in markdown which will help you write README's later)
- Finch - take care of yourself while communing with a sweet little birb
Curriculum advice
- Always have a practice project you're working on and something you're reading. This gives you productive stuff to do if you need a break from what you're learning.
- Finish what you start, even if it's difficult. You'll learn perserverance (extremely valuable), develop confidence, and minimize the risk of getting stuck in a never-ending loop of just repeating beginner stuff while never really being able to do anything amazing.
- If you're wondering what all the "Status" and "Evidence" columns are for, they're so that if you fork this repository, you can show when you begin and finish each item (in your fork) and link any projects you did in "Evidence" as a sort of journal for yourself so you can browse back over your journey (and possibly find projects for your eventual portfolio faster)
- You'll notice a Khan Academy link in each tier, prompting you to practice mathematics there. Don't get too hung up on which math you "need". Instead focus on learning a bit more math than you already know. Pick whichever course is next in line for you, then when you finish that one, pick the next one. In general, you won't go wrong if you progress into algebra, geometry, trigonometry, statistics, pre-calculus, calculus, and discrete mathematics. But, don't stress on it, just practice some at the level you're at now - grow over time. Look at the bottom of this document for general mathematics progression.
General advice
- If you can't summon the willpower to do anything, decide "I'll do five minutes, that's enough for today." And, then, do 5 minutes. 5 minutes is more than 0 minutes and sometimes leads to ... more minutes ... or not, be ok with either.
- Get enough sleep, everything is better if you've slept well. I'm serious about this part - if you're not well rested, you will learn more if you get a good night of sleep than if you try to push through a few more hours learning. You don't just learn while you're studying. While you're sleeping, your mind makes sense of all the stuff you've been learning. Sleep is an important part of the process.
- Eat well. If your body and mind have the nutrients they need, they can do their jobs better.
- Get some physical activity. You don't have to run a marathon (unless you're into that) but being physically active helps your body and your mind. Even if it's just a leisurely walk a time or two a day - be active. This will legit help you learn more.
- As soon as you know one thing, help anyone struggling with that one thing. Add to the list of things you help others with as you learn more things. You aren't just helping others, you are helping yourself. You are learning "the thing" more deeply and you are practicing communicationg about technical things. This is a skill you want to be practicing your entire journey, not trying to figure out the day before an interview. One way to do this is by joining the communication channels (like discord) for the various resources as you work through them. The Odin Project, especially, has a thriving community and you'd never be wanting for people to help there.
- You are not special because you know more than someone else. Treat others with dignity and respect. Be humble. No matter how much you've learned, you don't know everything. Lead with kindness, it'll serve you well.
- If you want practice with git, and don't have a project in mind, take your notes in markdown and save the
.mdfiles in a github (or gitlab) repository of your notes. You'll get practice with git and get practice with markdown. It's a twofer.
General math progression
Note: As I said above, don't stress about math. Should you desire to leverage a greater understanding of math to improve your logical problem solving ability, the following sequence will serve you well. Please feel free to skip (or test out of) any topics you already know well.
