Build A YouTube Clone Using HTML, CSS and JS 100% Responsive
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.
Requirements
- Basic understanding of HTML and CSS is is preferred.
Description
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.
Who this course is for:
- Students who have the basic knowledge of Front-End Web Development and want to develop their skills
- Students who want develop their web design skills
- Students who are interested in front-end programming
- Anyone who is interested in cloning 😊
Instructor
- 4.2 Instructor Rating
- 9 Reviews
- 1,486 Students
- 1 Course
A full-time web developer / Designer who has four years experience in programming and a B.S. in Engineering seeking for new challenges that will provide an opportunity to utilize my technical skills and ability in an engineering and development capacity.
I discovered my passion for teaching and helping others by sharing my knowledge and experience with you and that's the main reason for being here on Udemy.