Do you want to learn the fundamentals of modern web development fast?
Do you want to find out if building websites and apps is the right career path for you?
Or maybe you just want to know what your web developer friends do all day?
In any of these cases…
Welcome to my “Web Development Crash Course”! Together, we will build a fun, small, but full-stack web application in just a few days.
But why this course? And why is it so short?
Well, there are so many 60 and 80-hour-long “complete” web development courses out there, which are great if you want to invest 3 months of your life into finding out if web dev is even right for you or not…
I wanted to offer a different approach. A short and fast crash course, where you can dip your toes into the world of HTML, CSS, JavaScript, and even React (the most used JavaScript library in the world).
You can finish it in a weekend (if you have nothing else planned), or you can take a week. But the point is that you can learn the very fundamentals of web development quite fast, and in an engaging, 99% project-based way.
And even though this is called a “crash course”, this course teaches you more in 12 hours than I learned in my first 2 years as a web developer!
That’s how condensed, and how valuable, the material is. And the course still maintains the high-quality standard of all my other courses, so that you actually understand what you are learning!
But you might be thinking: “Is a crash course really right for me?”
Well, it all depends on your goals.
Sure, you will not become a web developer after this short course, and you will not be able to build big web projects (but sometimes that’s true even for those huge 80-hour courses).
But, at the end of this course, you will have learned and understood the fundamentals of the most important web technologies (HTML, CSS, JavaScript, React). And even more importantly, you will have discovered if you actually like web development and want to pursue it as a (lucrative) career!
Plus, you will walk away from this course with a super cool web application that you can show to all your friends (please tell them I sent you
All this will enable you to go deeper into the topics that you actually liked, and keep learning and progressing on your own if you like (or of course, you can purchase more specialized courses).
So, have you never written a single line of code in your life?
You have come to the right place! We will start slowly, step-by-step, and then speed up the pace as we progress through the course.
So here’s what we’re gonna do in this course:
We will set up your code editor and coding environment together (all for free!)
I will guide you through the basics of the web and web development
Then we slowly start our project, by writing the HTML code (for the page content)
We then style the page and create a layout using CSS
Next we create an online database and API for our application data, using a free service called Supabase
To get the data into the application and make it interactive, we learn the fundamentals of JavaScript
Writing apps with only JavaScript can be difficult, so we build the app using the React library
Finally, we deploy the final project to a free service called Netlify
DONE! You can now share the URL of your project with everyone
Already know HTML, CSS, or JavaScript?
No problem! You can still get something from the course. For example, you can watch only the section on “React” and use the downloadable code from the previous section as your starting point.
If all this sounds great, then join me on this adventure right now! See you on the inside
Who this course is for:
Take this course if you need a quick introduction to modern web development
Take this course if you want to find out if web development is a good career choice
Take this course if you want to impress your friends by building a super cool web app in a few days!
Requirements
No programming experience needed!
Any computer works — Windows, macOS or Linux
You don’t need to buy any software — we will use the best free code editor in the world
Last Updated 12/2022
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
2.2 KB
.pad/1
75.3 KB
.pad/10
739.2 KB
.pad/11
14.5 KB
.pad/12
366.7 KB
.pad/13
918 KB
.pad/14
192.1 KB
.pad/15
523.2 KB
.pad/16
699.8 KB
.pad/17
903.3 KB
.pad/18
33.8 KB
.pad/19
212.3 KB
.pad/2
433.9 KB
.pad/20
707.4 KB
.pad/21
556.4 KB
.pad/22
305.2 KB
.pad/23
938 KB
.pad/24
942.2 KB
.pad/25
577.6 KB
.pad/26
197.2 KB
.pad/27
155.1 KB
.pad/28
606.1 KB
.pad/29
73.5 KB
.pad/3
212.5 KB
.pad/30
298.2 KB
.pad/31
779.3 KB
.pad/32
184.8 KB
.pad/33
653.4 KB
.pad/34
661.6 KB
.pad/35
449.7 KB
.pad/36
105.4 KB
.pad/37
396.4 KB
.pad/38
257.6 KB
.pad/39
428 KB
.pad/4
277.4 KB
.pad/40
299.3 KB
.pad/41
435.9 KB
.pad/42
691.1 KB
.pad/5
1008 KB
.pad/6
833.5 KB
.pad/7
441 KB
.pad/8
396 KB
.pad/9
15.2 KB
TutsNode.net.txt
63 B
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/1. Welcome, Welcome, Welcome!/2. Read Before You Start!.html
3.1 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/1. Welcome, Welcome, Welcome!/2.2 final-after-section-02.zip
29.9 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/1. Welcome, Welcome, Welcome!/2.3 final-after-section-03.zip
31.4 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/1. Welcome, Welcome, Welcome!/2.4 final-after-section-05.zip
34.1 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/1. Welcome, Welcome, Welcome!/2.5 final-after-section-06.zip
356.7 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/1. Welcome, Welcome, Welcome!/2.6 starter-files.zip
28.5 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/2. HTML – Building the App Skeleton [DAY 1]/2.1 final-after-section-02.zip
29.9 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/2. HTML – Building the App Skeleton [DAY 1]/7. Adding More Buttons.mp4
78.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/10. Creating Larger Layouts With CSS Grid.mp4
103.8 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/11. Centering the App.mp4
118.7 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/12. Styling Links and Transitions.mp4
76.3 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/13. Styling Buttons.mp4
189.2 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/15. Styling the Voting Buttons.mp4
120.8 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/16. Styling Form Elements.mp4
136 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/17. Adapting the Layout to Smaller Screens.mp4
168.8 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/2.1 final-after-section-03.zip
31.4 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/3. Including Google Fonts.mp4
123.3 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/4. Working With Color.mp4
95.7 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/6. The CSS Box Model.mp4
138.3 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/7. Block and Inline Elements.mp4
95.2 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/8. Creating Small Layouts With Flexbox.mp4
122.1 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/3. CSS – Styling the App [DAY 1]/9. Applying Flexbox to Our Facts.mp4
102.8 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/4. Supabase – Storing the App Data [DAY 1]/3. Creating a Table.mp4
82.9 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/10. Objects.mp4
82.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/11. Looping Over Arrays The forEach and map Methods.mp4
120.3 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/13. Going Back to the First DOM Manipulation.mp4
83.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/14. Creating DOM Elements.mp4
166.7 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/15. Loading Data With fetch and asyncawait.mp4
140 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/16. The filter and find Array Methods.mp4
134.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/2. Displaying and Hiding the Form.mp4
112.1 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/2.1 final-after-section-05.zip
34.1 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/3. Values, Variables, and Operators.mp4
80.7 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/5. Taking Decisions With ifelse Statements.mp4
98.4 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/5. JavaScript – Making the App Interactive [DAY 1 + 2]/8. Arrow Functions.mp4
80.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/10. Creating the Header Component.mp4
88.4 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/11. Working With Forms the React Way.mp4
161.2 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/12. Adding a New Fact – Part 1.mp4
107.4 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/13. Adding a New Fact – Part 2.mp4
133.1 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/14. Loading Data From Supabase with useEffect.mp4
163 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/15. Creating a Loader Component.mp4
151.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/16. Filtering by Categories.mp4
154.6 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/17. Uploading a Fact to Supabase.mp4
126.5 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/18. Handling Votes and Updating a Fact on Supabase.mp4
207.5 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/2. Installing Node.js and Setting Up A React Project.mp4
119.5 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/2.1 final-after-section-06.zip
356.7 KB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/3. Meeting JSX and Creating the App Component.mp4
88.4 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/4. Dividing Our Interface Into Components.mp4
130.8 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/5. Rendering the List of Facts.mp4
121 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/6. Passing and Receiving Props.mp4
117.1 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/7. Rendering the List of Categories.mp4
78.7 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/8. Introducing State.mp4
97.9 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/6. React – Building the Final App [DAY 2]/9. Displaying and Hiding the Form the React Way.mp4
90.8 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/7. Deployment – Uploading the App to the Internet [DAY 2]/1. Finishing Touches and Creating a Production Build.mp4
191.9 MB
[TutsNode.net] - Crash Course Build a Full-Stack Web App in a Weekend!/8. The End!/2. BONUS Check Out My Other Courses!.html