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

سرفصل های دوره

A quick, fun, and hands-on introduction to web development. Build a complete app with HTML, CSS, JavaScript, and React!

1. Welcome, Welcome, Welcome!

1. Introduction

2.1 course-slides.pdf

2.2 final-after-section-02.zip

2.3 final-after-section-03.zip

2.4 final-after-section-05.zip

2.5 final-after-section-06.zip

2.6 starter-files.zip

2. Read Before You Start!.html

3. A High-Level Overview of Web Development

4. Setting Up Our Code Editor

2. HTML Building the App Skeleton [DAY 1]

1. What is HTML

2.1 final-after-section-02.zip

2. HTML Document Structure

3. Working With Text and Lists

4. Hyperlinks, Images, and Attributes

5. Structuring the App

6. Building a Form

7. Adding More Buttons

3. CSS Styling the App [DAY 1]

1. What is CSS

2.1 final-after-section-03.zip

2. Styling Text

3. Including Google Fonts

4. Working With Color

5. Inheritance and the Global Selector

6. The CSS Box Model

7. Block and Inline Elements

8. Creating Small Layouts With Flexbox

9. Applying Flexbox to Our Facts

10. Creating Larger Layouts With CSS Grid

11. Centering the App

12. Styling Links and Transitions

13. Styling Buttons

14. Developer Skill Googling and Reading Documentation

15. Styling the Voting Buttons

16. Styling Form Elements

17. Adapting the Layout to Smaller Screens

4. Supabase Storing the App Data [DAY 1]

1. What is Supabase

2. Creating Your First Database

3. Creating a Table

4. Adding Security Policies

5. JavaScript Making the App Interactive [DAY 1 + 2]

1. What is JavaScript

2.1 final-after-section-05.zip

2. Displaying and Hiding the Form

3. Values, Variables, and Operators

4. Functions

5. Taking Decisions With ifelse Statements

6. The Ternary Operator

7. Working With Strings

8. Arrow Functions

9. Arrays

10. Objects

11. Looping Over Arrays The forEach and map Methods

12. What is the DOM

13. Going Back to the First DOM Manipulation

14. Creating DOM Elements

15. Loading Data With fetch and asyncawait

16. The filter and find Array Methods

6. React Building the Final App [DAY 2]

1. What is React

2.1 final-after-section-06.zip

2. Installing Node.js and Setting Up A React Project

3. Meeting JSX and Creating the App Component

4. Dividing Our Interface Into Components

5. Rendering the List of Facts

6. Passing and Receiving Props

7. Rendering the List of Categories

8. Introducing State

9. Displaying and Hiding the Form the React Way

10. Creating the Header Component

11. Working With Forms the React Way

12. Adding a New Fact Part 1

13. Adding a New Fact Part 2

14. Loading Data From Supabase with useEffect

15. Creating a Loader Component

16. Filtering by Categories

17. Uploading a Fact to Supabase

18. Handling Votes and Updating a Fact on Supabase

7. Deployment Uploading the App to the Internet [DAY 2]

1. Finishing Touches and Creating a Production Build

2. Deploying to Netlify

8. The End!

1. Where to Go from Here

2. BONUS Check Out My Other Courses!.html

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training