Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 54 Minute(s)
Language
English
Taught by
A Coder In A Hoodie
Rating
2 views
Course Overview
Best Practice: Master your Front-End Web Developer Skills By Building A YouTube Clone Using HTML, CSS, and JavaScript.
Learn By Doing | Front-End Web Development | Build A YouTube Clone Using HTML, CSS and JavaScript 100% Responsive.
If you want to make use of your HTML and CSS knowledge in a world real project,
If you want to build a real video upload site just like YouTube,
If you want to learn how the most popular websites are created, then this is the right course for you. This course will guide you step by step in creating your own YouTube clone completely from scratch.
One of the best ways to improve your front-end web development skills is to clone existing websites.
Whether you are a complete beginner or an experienced programmer, this course will be massively beneficial to you.
Throughout this course, we are going to build a website that is 100% inspired by YouTube. We are going to build 2 pages. The first page is YouTube home page and the second one will be the video page.
We are going to make the website 100% responsive so that it works perfectly on any kind of devices such as laptops, tablets and mobile phones.
In this project, we are going to make use of:
1. HTML concepts such as headings, paragraphs, lists, links, images, videos, forms and more….
2. Basic concepts of CSS such as selectors, colors, text formatting, backgrounds, flex-basis, hover, positions, pseudo-elements and classes, shadows, borders and more...
3. CSS Flexbox and CSS Grid
4. Basic concepts of JavaScript Such as variables, data types, objects, functions.
If you have any questions throughout the course, then feel free to post them in the Q&A section, you will get fast and helpful answers.
Course Content
- 3 section(s)
- 12 lecture(s)
- Section 1 Introduction
- Section 2 Home Page
- Section 3 Video Page
What You’ll Learn
- How to clone a real-world website such as YouTube.
- How to make use of your HTML and CSS knowledge in creating a real project.
- Create a 100% responsive website with multiple pages.
- How to manage the layout of your web page based on CSS Grid and Flex Box.
- Practice basic HTML concepts such as headings, paragraphs, lists, links, images, videos, forms and more….
- Practice basic concepts of CSS such as selectors, colors, text formatting, backgrounds, flex-basis, hover, positions, pseudo-elements and classes, shadows
- Practice basic concepts of JavaScript: variables, data types, objects, functions.
- How to learn by doing.
Reviews
-
ZZan Lockhart
good tutorial
-
GGangaithiri s
good and excellent teaching
-
NNikhita Garg
one video is missing. there is no video of making the video page responsive. Also with the front page after making it responsive it is not working properly for 800 and 1100 width dimension
