[Last updated 11/2023] Crash Course: Build a Full-Stack Web App in a Weekend! (Udemy – Engsub)

About Course

Views

What you’ll learn:
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

Link gốc:
https://www.udemy.com/course/full-stack-crash-course/

Time Course:
12 hours (71 Lectures + Documents)

Instructor
: Jonas Schmedtmann
Total Weight:
8.35 GB
** Note
:

Chú ý:

Course Content

01 – Welcome, Welcome, Welcome!

001 Introduction.mp4

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

08:23
004 Setting Up Our Code Editor.mp4

08:32

02 – HTML – Building the App Skeleton [DAY 1]

03 – CSS – Styling the App [DAY 1]

009 Applying Flexbox to Our Facts.mp4

10:56
017 Adapting the Layout to Smaller Screens.mp4

16:46
016 Styling Form Elements.mp4

14:07
015 Styling the Voting Buttons.mp4

13:44
014 Developer Skill Googling and Reading Documentation.mp4

06:33
013 Styling Buttons.mp4

20:17
012 Styling Links and Transitions.mp4

09:15
011 Centering the App.mp4

12:07
010 Creating Larger Layouts With CSS Grid.mp4

11:59
001 What is CSS.mp4

03:46
008 Creating Small Layouts With Flexbox.mp4

14:10
007 Block and Inline Elements.mp4

10:48
006 The CSS Box Model.mp4

17:13
005 Inheritance and the Global Selector.mp4

06:32
004 Working With Color.mp4

09:56
003 Including Google Fonts.mp4

15:41
002 Styling Text.mp4

08:33

04 – Supabase – Storing the App Data [DAY 1]

05 – JavaScript – Making the App Interactive [DAY 1 + 2]

001 What is JavaScript.mp4

01:42
002 Displaying and Hiding the Form.mp4

15:52
003 Values, Variables, and Operators.mp4

10:52
004 Functions.mp4

10:36
005 Taking Decisions With ifelse Statements.mp4

11:50
006 The Ternary Operator.mp4

07:34
007 Working With Strings.mp4

08:32
008 Arrow Functions.mp4

08:49
009 Arrays.mp4

10:30
010 Objects.mp4

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

14:04
012 What is the DOM.mp4

02:03
013 Going Back to the First DOM Manipulation.mp4

08:11
014 Creating DOM Elements.mp4

15:58
015 Loading Data With fetch and asyncawait.mp4

13:45
016 The filter and find Array Methods.mp4

12:25

06 – React – Building the Final App [DAY 2]

010 Creating the Header Component.mp4

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

20:43
017 Uploading a Fact to Supabase.mp4

12:29
016 Filtering by Categories.mp4

14:39
015 Creating a Loader Component.mp4

15:48
014 Loading Data From Supabase with useEffect.mp4

17:34
013 Adding a New Fact – Part 2.mp4

12:38
012 Adding a New Fact – Part 1.mp4

11:17
011 Working With Forms the React Way.mp4

16:45
001 What is React.mp4

06:42
009 Displaying and Hiding the Form the React Way.mp4

10:17
008 Introducing State.mp4

11:57
007 Rendering the List of Categories.mp4

07:31
006 Passing and Receiving Props.mp4

13:18
005 Rendering the List of Facts.mp4

13:10
004 Dividing Our Interface Into Components.mp4

16:47
003 Meeting JSX and Creating the App Component.mp4

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

13:02

07 – Deployment – Uploading the App to the Internet [DAY 2]

08 – The End!

Student Ratings & Reviews

No Review Yet

About Course

Course Content

01 – Welcome, Welcome, Welcome!

001 Introduction.mp4

003 A High-Level Overview of Web Development.mp4

004 Setting Up Our Code Editor.mp4

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

03 – CSS – Styling the App [DAY 1]

009 Applying Flexbox to Our Facts.mp4

017 Adapting the Layout to Smaller Screens.mp4

016 Styling Form Elements.mp4

015 Styling the Voting Buttons.mp4

014 Developer Skill Googling and Reading Documentation.mp4

013 Styling Buttons.mp4

012 Styling Links and Transitions.mp4

011 Centering the App.mp4

010 Creating Larger Layouts With CSS Grid.mp4

001 What is CSS.mp4

008 Creating Small Layouts With Flexbox.mp4

007 Block and Inline Elements.mp4

006 The CSS Box Model.mp4

005 Inheritance and the Global Selector.mp4

004 Working With Color.mp4

003 Including Google Fonts.mp4

002 Styling Text.mp4

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

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

06 – React – Building the Final App [DAY 2]

010 Creating the Header Component.mp4

018 Handling Votes and Updating a Fact on Supabase.mp4

017 Uploading a Fact to Supabase.mp4

016 Filtering by Categories.mp4

015 Creating a Loader Component.mp4

014 Loading Data From Supabase with useEffect.mp4

013 Adding a New Fact – Part 2.mp4

012 Adding a New Fact – Part 1.mp4

011 Working With Forms the React Way.mp4

001 What is React.mp4

009 Displaying and Hiding the Form the React Way.mp4

008 Introducing State.mp4

007 Rendering the List of Categories.mp4

006 Passing and Receiving Props.mp4

005 Rendering the List of Facts.mp4

004 Dividing Our Interface Into Components.mp4

003 Meeting JSX and Creating the App Component.mp4

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

07 – Deployment – Uploading the App to the Internet [DAY 2]

002 Finishing Touches and Creating a Production Build.mp4

003 Deploying to Netlify.mp4

08 – The End!

001 Where to Go from Here.mp4

Student Ratings & Reviews