INTRODUCTION TO FRONT END DEVELOPMENT - HTML and CSS, React, UI Frameworks - [FULL COURSE 1/9]

This is the Course # 1 of the META FRONT END DEVELOPER - PROFESIONAL CERTIFICATE - 9 COURSE

Subscribe to Help me Upload More Courses From the Best Universities in the World, if you are interested in any topic, Request it in the Comments.

Facebook - https://www.facebook.com/YouCourseYTTwitter - https://twitter.com/YouCourseYTTik Tok - https://www.tiktok.com/@youcourseytKwai - YouCourse - @yourcourse

Subscribe! Free Music - Creative Commonshttps://www.youtube.com/channel/UC23qzBvv8jmTRkBgGgmtWaA

Thank's For Support!

ABOUT META

Meta builds technologies that help people connect with friends and family, find communities, and grow businesses. On successful completion of the Meta Social Media Marketing Certificate or Meta Marketing Analytics Certificate, you'll gain access to the Meta Career Programs Job Board - a job search platform with 200+ employers looking to hire.

ABOUT COURSE 1 INTRODUCTION TO FRONT END DEVELOPMENT

Welcome to Introduction to Front-End Development, the first course in the Meta Front-End Developer program.

This course is a good place to start if you want to become a web developer. You will learn about the day-to-day responsibilities of a web developer and get a general understanding of the core and underlying technologies that power the internet. You will learn how front-end developers create websites and applications that work well and are easy to maintain.

You’ll be introduced to the core web development technologies like HTML and CSS and get opportunities to practice using them. You will also be introduced to modern UI frameworks such as Bootstrap and React that make it easy to create interactive user experiences.

By the end of the course, you will be able to:
- Describe the front-end developer role
- Explain the core and underlying technologies that power the internet
- Use HTML to create a simple webpage
- Use CSS to control the appearance of a simple webpage
- Explain what React is
- Describe the applications and characteristics of the most popular UI frameworks

For the final project in this course, you will create and edit a webpage using HTML and the Bootstrap CSS framework. Using a responsive layout grid, you will construct a responsive webpage containing text and images that looks great on any size screen.

WEEK 1 - Get started with web development

00:00 - 03:13 - Introduction to the Program 3m
03:13 - 07:23 - Introduction to the course 4m
07:23 - 13:07 - Front-end, back-end and full-stack developer roles 5m
13:07 - 18:55 - A day in the life of a front-end developer 5m
18:55 - 21:39 - Capstone project demo: Little Lemon website 2m
21:39 - 23:22 - How the internet works 1m
23:22 - 25:31 - What is a web server and how does it work? 2m
25:31 - 30:43 - What are websites and webpages? 5m
30:43 - 34:04 - What is a web browser and how does it work? 3m
34:04 - 37:34 - Web hosting 3m
37:34 - 41:52 - Introduction to Internet Protocols 4m
41:52 - 49:49 - Introduction to HTTP 7m
49:49 - 53:51 - Intro to HTML, CSS and Javascript 4m
53:51 - 56:26 - Webpages, Websites and Web Apps 2m
56:26 - 59:42 - Developer tools 3m
59:42 - 1:04:48 - Frameworks and libraries 5m
1:04:48 - 1:09:20 - APIs and services 4m
1:09:20 - 1:13:10 - What is a an IDE? 3m
1:13:10 - 1:15:54 - Module Summary - Get started with Web Development 2m

WEEK 2 - Introduction to HTML and CSS

1:15:54 - 1:20:20 - What is Hyper Text Markup Language? 4m
1:20:20 - 1:24:40 - HTML documents 4m
1:24:40 - 1:27:17 - Linking documents 2m
1:27:17 - 1:30:37 - Adding images to a webpage with HTML 3m
1:30:37 - 1:34:12 - Use HTML to work with data in tables 3m
1:34:12 - 1:38:56 - What are forms? 4m
1:38:56 - 1:43:13 - Introduction to the DOM 4m
1:43:13 - 1:46:35 - Web accessibility 3m
1:46:35 - 1:52:48 - Selecting and styling 6m
1:52:48 - 1:57:08 - Box model introduction 4m
1:57:08 - 2:00:58 - Document flow - block vs. inline 3m
2:00:58 - 2:04:10 - Module Summary - Introduction to HTML and CSS 3m

WEEK 3 - UI Frameworks

2:04:10 - 2:08:44 - Working with libraries 4m
2:08:44 - 2:13:30 - Introduction to responsive design 4m
2:13:30 - 2:19:17 - Getting started with Bootstrap 5m
2:19:17 - 2:24:16 - Using Bootstrap styles 4m
2:24:16 - 2:27:13 - Bootstrap grid 2m
2:27:13 - 2:34:21 - Bootstrap components 7m
2:34:21 - 2:37:52 - Static and dynamic content 3m
2:37:52 - 2:43:25 - Single page applications 5m
2:43:25 - 2:46:55 - What is React? 3m
2:46:55 - 2:49:04 - How React works 2m
2:49:04 - 2:51:54 - Component hierarchy 2m
2:51:54 - 2:54:01 - Module Summary: UI Frameworks 2m

WEEK 4 -End-of-Course Graded Assessment

2:54:01 - 2:56:50 - Course 1 Recap: Introduction to Web Development 2m
2:56:50 - 2:59:25 - Congratulations, you have completed Introduction to Web Development 2m

------- SEE YOU IN THE NEXT COURSE # 2 - PROGRAMMING WITH JAVASCRIPT -----------

Don't forget to subscribe and like that helps me keep uploading videosThank's For Support!