Frontend Web Development Bootcamp - Build a Twitter Clone

Description

If you want to learn how the most popular and widely used websites are created, this Frontend Web Development Bootcamp is for you. In this course, you'll build a website by cloning Twitter. Before you start building the website, you'll be taken through each of the technologies that you need to be well-versed with to build this project. Starting with HTML and CSS, you'll build three different pages for your app - the main page, login page, and newsfeed page. Once you've got to grips with JavaScript and DOM, you'll add some functionality to your project. With the step-by-step instructions, this course will guide you in creating some validation to navigate between different pages. You'll also be able to build different modal boxes, create a sidebar, and add a dark mode. Finally, you'll make your project fully responsive on different screen sizes, so it's compatible with all types of devices. By the end of the course, you'll have learned the skills necessary to master Responsive Web Design. All the codes and supporting files for this course are available at - https://github.com/PacktPublishing/Frontend-Web-Development-Bootcamp---Build-a-Twitter-Clone

What You Will Learn

Gain a deep understanding of CSS Flexbox
Manage the layout of your web page based on CSS Grid
Build UI of Twitter based on HTML and CSS
Understand how to interact with HTML document using Document Object Model
Add modern functionalities to your project

Audience

This course is for anyone who wants to learn the three core technologies of frontend web development: HTML, CSS, and JavaScript. No programming experience required

Approach

This video course is a practical guide to mastering front-end web development. It is packed with step-by-step instructions, working examples, and industry best-practices.

Key Features

Learn HTML, CSS, JavaScript, and DOM in a single course * Explore basic to advanced fundamental concepts of frontend web development * Build a fully responsive web app that works across different screen devices

Github Repo

https://github.com/packtpublishing/frontend-web-development-bootcamp---build-a-twitter-clone

About the Author

George Lomidze

George Lomidze is a full-stack web developer/designer, co-founder at 'Code and Create', and an author of several best-selling courses on Udemy. He is excited that he has a chance to help people learn one of the most interesting and hottest fields in the world. He specializes in the following technologies: HTML, CSS, SASS, Bootstrap, JavaScript, React, React Native, NodeJS, MongoDB, Express, and many more. He is looking forward to seeing you follow his courses and helping you become a professional web developer. He is also the founder of MicroGrinder Poker School, an online poker school dedicated to micro stakes poker players, where he provides a wide array of free and low-cost poker resources and poker training, including poker strategy articles and poker training videos series. He is also the Amazon #1 best-selling author of Essential Poker Math, Expanded Edition.

Course Outline

1. Welcome

2. HTML Crash Course

3. CSS Crash Course

4. CSS Flexbox

5. CSS Grid

6. Project - Build a Twitter Clone (Main Page)

7. Project - Build a Twitter Clone (Login Page)

8. Project - Build a Twitter Clone (News Feed Page)

9. JavaScript Crash Course

10. DOM Crash Course

11. Project - Build a Twitter Clone (Add JavaScript to Main and Login Page)

12. Project - Build a Twitter Clone (Post Modal Box)

13. Project - Build a Twitter Clone (Sidebar)

14. Project - Build a Twitter Clone (Dark Mode)

15. Project - Build a Twitter Clone (Responsive Web Design)

16. BONUS