Crash Course: Build a Full-Stack Web App in a Weekend!

About Course

Learn to build a full-stack web application in a weekend with this free Crash Course in Web Development! This course is completely free and available on Theetay. It’s a condensed version of the material found in many longer web development courses, perfect for beginners or anyone who wants to see if web development is the right career path for them.

This course is packed with valuable information and will guide you through the fundamentals of HTML, CSS, JavaScript, and even React – the most used JavaScript library in the world! You’ll learn how to set up your coding environment, write HTML code, style your page with CSS, create an online database, use JavaScript to make your app interactive, and deploy your finished project to a free service.

This course is perfect for anyone who has never written a line of code before. It’s fast-paced, project-based, and offers a comprehensive understanding of the core web technologies. By the end of this course, you’ll have a functional web application to show off and will be able to decide if you want to pursue a career in web development.

Enroll in this free course on Theetay today! This course is from Udemy, Udacity, Coursera, MasterClass, NearPeer, and more.

You WILL build a fun web application in just a few days! No experience needed
You will NOT want to pause the course once you start ;)
You WILL learn the very fundamentals of modern web development (fast!)
You will NOT master web technologies (that takes years...)
You WILL get the experience of building a complete web app
You will NOT be able to build complex applications on your own, but small ones
You WILL discover if web development is a good career path for you

Course Content

01 – Welcome, Welcome, Welcome!

A Message from the Professor
001 Introduction.mp4

00:00
002 Read Before You Start!.html

00:00
003 A High-Level Overview of Web Development.mp4

00:00
004 Setting Up Our Code Editor.mp4

00:00
Section Quiz

02 – HTML – Building the App Skeleton (DAY 1)

03 – CSS – Styling the App (DAY 1)

001 What is CSS.mp4

00:00
002 Styling Text.mp4

00:00
003 Including Google Fonts.mp4

00:00
004 Working With Color.mp4

00:00
005 Inheritance and the Global Selector.mp4

00:00
006 The CSS Box Model.mp4

00:00
007 Block and Inline Elements.mp4

00:00
008 Creating Small Layouts With Flexbox.mp4

00:00
009 Applying Flexbox to Our Facts.mp4

00:00
010 Creating Larger Layouts With CSS Grid.mp4

00:00
011 Centering the App.mp4

00:00
012 Styling Links and Transitions.mp4

00:00
013 Styling Buttons.mp4

00:00
014 Developer Skill Googling and Reading Documentation.mp4

00:00
015 Styling the Voting Buttons.mp4

00:00
016 Styling Form Elements.mp4

00:00
017 Adapting the Layout to Smaller Screens.mp4

00:00
Section Quiz

04 – Supabase – Storing the App Data (DAY 1)

05 – JavaScript – Making the App Interactive (DAY 1 + 2)

001 What is JavaScript.mp4

00:00
002 Displaying and Hiding the Form.mp4

00:00
003 Values, Variables, and Operators.mp4

00:00
004 Functions.mp4

00:00
005 Taking Decisions With ifelse Statements.mp4

00:00
006 The Ternary Operator.mp4

00:00
007 Working With Strings.mp4

00:00
008 Arrow Functions.mp4

00:00
009 Arrays.mp4

00:00
010 Objects.mp4

00:00
011 Looping Over Arrays The forEach and map Methods.mp4

00:00
012 What is the DOM.mp4

00:00
013 Going Back to the First DOM Manipulation.mp4

00:00
014 Creating DOM Elements.mp4

00:00
015 Loading Data With fetch and asyncawait.mp4

00:00
016 The filter and find Array Methods.mp4

00:00
Section Quiz

06 – React – Building the Final App (DAY 2)

001 What is React.mp4

00:00
002 Installing Node.js and Setting Up A React Project.mp4

00:00
003 Meeting JSX and Creating the App Component.mp4

00:00
004 Dividing Our Interface Into Components.mp4

00:00
005 Rendering the List of Facts.mp4

00:00
006 Passing and Receiving Props.mp4

00:00
007 Rendering the List of Categories.mp4

00:00
008 Introducing State.mp4

00:00
009 Displaying and Hiding the Form the React Way.mp4

00:00
010 Creating the Header Component.mp4

00:00
011 Working With Forms the React Way.mp4

00:00
012 Adding a New Fact – Part 1.mp4

00:00
013 Adding a New Fact – Part 2.mp4

00:00
014 Loading Data From Supabase with useEffect.mp4

00:00
015 Creating a Loader Component.mp4

00:00
016 Filtering by Categories.mp4

00:00
017 Uploading a Fact to Supabase.mp4

00:00
018 Handling Votes and Updating a Fact on Supabase.mp4

00:00
Section Quiz

07 – Deployment – Uploading the App to the Internet (DAY 2)

08 – The End!

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Student Ratings & Reviews

5.0

Total 1 Rating

1 Rating

0 Rating

Muhammad Abeer Ansari

5 months ago

Best course for starting as web developer
Great instructor

About Course

What Will You Learn?

Course Content

01 – Welcome, Welcome, Welcome!

A Message from the Professor

001 Introduction.mp4

002 Read Before You Start!.html

003 A High-Level Overview of Web Development.mp4

004 Setting Up Our Code Editor.mp4

Section Quiz

02 – HTML – Building the App Skeleton (DAY 1)

001 What is HTML.mp4

002 HTML Document Structure.mp4

003 Working With Text and Lists.mp4

004 Hyperlinks, Images, and Attributes.mp4

005 Structuring the App.mp4

006 Building a Form.mp4

007 Adding More Buttons.mp4

Section Quiz

03 – CSS – Styling the App (DAY 1)

001 What is CSS.mp4

002 Styling Text.mp4

003 Including Google Fonts.mp4

004 Working With Color.mp4

005 Inheritance and the Global Selector.mp4

006 The CSS Box Model.mp4

007 Block and Inline Elements.mp4

008 Creating Small Layouts With Flexbox.mp4

009 Applying Flexbox to Our Facts.mp4

010 Creating Larger Layouts With CSS Grid.mp4

011 Centering the App.mp4

012 Styling Links and Transitions.mp4

013 Styling Buttons.mp4

014 Developer Skill Googling and Reading Documentation.mp4

015 Styling the Voting Buttons.mp4

016 Styling Form Elements.mp4

017 Adapting the Layout to Smaller Screens.mp4

Section Quiz

04 – Supabase – Storing the App Data (DAY 1)

001 What is Supabase.mp4

002 Creating Your First Database.mp4

003 Creating a Table.mp4

004 Adding Security Policies.mp4

Section Quiz

05 – JavaScript – Making the App Interactive (DAY 1 + 2)

001 What is JavaScript.mp4

002 Displaying and Hiding the Form.mp4

003 Values, Variables, and Operators.mp4

004 Functions.mp4

005 Taking Decisions With ifelse Statements.mp4

006 The Ternary Operator.mp4

007 Working With Strings.mp4

008 Arrow Functions.mp4

009 Arrays.mp4

010 Objects.mp4

011 Looping Over Arrays The forEach and map Methods.mp4

012 What is the DOM.mp4

013 Going Back to the First DOM Manipulation.mp4

014 Creating DOM Elements.mp4

015 Loading Data With fetch and asyncawait.mp4

016 The filter and find Array Methods.mp4

Section Quiz

06 – React – Building the Final App (DAY 2)

001 What is React.mp4

002 Installing Node.js and Setting Up A React Project.mp4

003 Meeting JSX and Creating the App Component.mp4

004 Dividing Our Interface Into Components.mp4

005 Rendering the List of Facts.mp4

006 Passing and Receiving Props.mp4

007 Rendering the List of Categories.mp4

008 Introducing State.mp4

009 Displaying and Hiding the Form the React Way.mp4

010 Creating the Header Component.mp4

011 Working With Forms the React Way.mp4

012 Adding a New Fact – Part 1.mp4

013 Adding a New Fact – Part 2.mp4

014 Loading Data From Supabase with useEffect.mp4

015 Creating a Loader Component.mp4

016 Filtering by Categories.mp4

017 Uploading a Fact to Supabase.mp4