HOT
blank

Front End Web Development Bootcamp – Build a Twitter Clone

Design

Rating4.5
Enroll Now

Front End Web Development Bootcamp – Build a Twitter Clone, available at $69.99, has an average rating of 4.45, with 108 lectures, based on 443 reviews, and has 2493 subscribers.

You will learn about You will start from Basics of HTML and learn things like: Basic HTML Document, headings, paragraphs, lists, links, images, forms and much more. You will learn about the basic concepts of CSS: selectors, colors, text formatting, backgrounds, positions, pseudo-elements and classes, shadows and more… You will get deep understanding of CSS Flexbox You will learn how to manage the layout of you web page based on CSS Grid You will be able to build UI of Twitter based on HTML and CSS After completing HTML and CSS crash courses, you will move on and learn some basic concepts of JavaScript: variables, data types, objects, functions, arrays, loops and much more… You will learn about how to interact with HTML document using Document Object Model Once you are familiar with JavaScript and HTML, you will be able to add some functionality to the project Finally we will make the project fully responsive on different screen sizes This course is ideal for individuals who are Students who want to learn three core technologies of Front End We Development: HTML, CSS, and JavaScript or Students who have zero experience in programming or Students who have the basic knowledge of Front End Web Development and want to develop their skills or Students who want develop Web Design skills It is particularly useful for Students who want to learn three core technologies of Front End We Development: HTML, CSS, and JavaScript or Students who have zero experience in programming or Students who have the basic knowledge of Front End Web Development and want to develop their skills or Students who want develop Web Design skills.

Enroll now: Front End Web Development Bootcamp – Build a Twitter Clone

Summary

Title: Front End Web Development Bootcamp – Build a Twitter Clone

Price: $69.99

Average Rating: 4.45

Number of Lectures: 108

Number of Published Lectures: 108

Number of Curriculum Items: 108

Number of Published Curriculum Objects: 108

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • You will start from Basics of HTML and learn things like: Basic HTML Document, headings, paragraphs, lists, links, images, forms and much more.
  • You will learn about the basic concepts of CSS: selectors, colors, text formatting, backgrounds, positions, pseudo-elements and classes, shadows and more…
  • You will get deep understanding of CSS Flexbox
  • You will learn how to manage the layout of you web page based on CSS Grid
  • You will be able to build UI of Twitter based on HTML and CSS
  • After completing HTML and CSS crash courses, you will move on and learn some basic concepts of JavaScript: variables, data types, objects, functions, arrays, loops and much more…
  • You will learn about how to interact with HTML document using Document Object Model
  • Once you are familiar with JavaScript and HTML, you will be able to add some functionality to the project
  • Finally we will make the project fully responsive on different screen sizes

Who Should Attend

  • Students who want to learn three core technologies of Front End We Development: HTML, CSS, and JavaScript
  • Students who have zero experience in programming
  • Students who have the basic knowledge of Front End Web Development and want to develop their skills
  • Students who want develop Web Design skills

Target Audiences

  • Students who want to learn three core technologies of Front End We Development: HTML, CSS, and JavaScript
  • Students who have zero experience in programming
  • Students who have the basic knowledge of Front End Web Development and want to develop their skills
  • Students who want develop Web Design skills

Front End Web Development Bootcamp – Build a Twitter Clone.

If you want to learn how the most popular and widely-used websites are created, then this is the right course for you.

Throughout the course, we are going to build a clone of Twitter. The project will be created based on:

1. HTML

2. CSS

3. CSS Flexbox

4. CSS Grid

5. JavaScript

6. DOM

Before building the project, you will be able to go through the crash courses of all the mentioned technologies. We will start with HTML and CSS. After completing the following sections:

  • HTML Crash Course

  • CSS Crash Course

  • CSS Flexbox

  • CSS Grid

We will build three different pages of Twitter – Main Page, Login Page and News Feed Page based on HTML and CSS. After that, comes:

  • JavaScript Crash Course

  • DOM Crash Course

Once we are familiar with JavaScript and DOM, we will add some functionality to our project. We will create some validation in order to navigate between different pages, also, you will be able to build different modal boxes, sidebar and dark mode.

Finally, we will make our project fully responsive on different screen sizes, so, you’ll be able to master the Responsive Web Design.

If you have any questions throughout the course, then feel free and post them in the Q&A section, you will get fast and helpful answers.

JOIN US!!!

Course Curriculum

Chapter 1: Welcome

Lecture 1: Introduction

Lecture 2: Setup

Lecture 3: Source Files

Chapter 2: HTML Crash Course

Lecture 1: What Is HTML?

Lecture 2: Basic HTML Document

Lecture 3: Headings, Paragraphs and more…

Lecture 4: Lists

Lecture 5: Links

Lecture 6: Images

Lecture 7: Forms – Part 1

Lecture 8: Forms – Part 2

Lecture 9: HTML5 Semantic Elements

Chapter 3: CSS Crash Course

Lecture 1: What is CSS and how to write it

Lecture 2: CSS Selectors

Lecture 3: Colors in CSS

Lecture 4: Text Formatting

Lecture 5: Fonts

Lecture 6: Box Model

Lecture 7: Pseudo Classes

Lecture 8: Pseudo Elements

Lecture 9: Measurement units – Part 1

Lecture 10: Measurement units – Part 2

Lecture 11: Positions – Part 1

Lecture 12: Positions – Part 2

Lecture 13: Floats

Lecture 14: Backgrounds – Part 1

Lecture 15: Backgrounds – Part 2

Lecture 16: Shadows

Lecture 17: Transitions

Lecture 18: Transforms – Part 1

Lecture 19: Transforms – Part 2

Chapter 4: CSS Flexbox

Lecture 1: Introduction to CSS Flexbox

Lecture 2: Flex Container Properties

Lecture 3: Flex Item Properties

Chapter 5: CSS Grid

Lecture 1: CSS Grid Introduction

Lecture 2: Setup

Lecture 3: How to create Grid

Lecture 4: Fractional Unit

Lecture 5: How to position Grid Items

Lecture 6: Naming Grid Items – Part 1

Lecture 7: Naming Grid Items – Part 2

Lecture 8: Naming Grid Areas

Lecture 9: Explicit and Implicit Grids

Lecture 10: Aligning Grid Items

Lecture 11: Aligning Grid Track

Lecture 12: max-content, min-content, minmax()

Lecture 13: auto-fill and auto-fit

Chapter 6: Project – Build a Twitter Clone (Main Page)

Lecture 1: Project Overview

Lecture 2: Create Structure of Main Page

Lecture 3: Styling of Main Page – Part 1

Lecture 4: Styling of Main Page – Part 2

Lecture 5: Styling of Form Element

Lecture 6: Styling of Banner

Lecture 7: Styling of Footer

Chapter 7: Project – Build a Twitter Clone (Login Page)

Lecture 1: Create Structure of Login Page

Lecture 2: Layout of the Page

Lecture 3: Styling of Navigation

Lecture 4: Styling of Login – Part 1

Lecture 5: Styling of Login – Part 2

Chapter 8: Project – Build a Twitter Clone (News Feed Page)

Lecture 1: Create Structure of Navigation

Lecture 2: Styling of Navigation

Lecture 3: Create structure of News Feed Header

Lecture 4: Styling of News Feed Header – Part 1

Lecture 5: Styling of News Feed Header – Part 2

Lecture 6: Create Structure of Posts

Lecture 7: Styling of Posts

Lecture 8: Create Structure of Section – "Who to follow"

Lecture 9: Styling of "Who to Follow" Section

Lecture 10: Create Post Button

Chapter 9: JavaScript Crash Course

Lecture 1: What is JavaScript?

Lecture 2: Variables in JavaScript

Lecture 3: JavaScript Data types

Lecture 4: Operators

Lecture 5: Type Coercion

Lecture 6: Conditional Statements

Lecture 7: Functions

Lecture 8: Arrow Functions

Lecture 9: Arrays

Lecture 10: Objects

Lecture 11: Loops

Lecture 12: Template Strings

Chapter 10: DOM Crash Course

Lecture 1: What is DOM?

Lecture 2: Select and manipulate the elements – Part 1

Lecture 3: Select and manipulate the elements – Part 2

Lecture 4: DOM styles and classes

Lecture 5: Events

Lecture 6: Manipulate the Attributes

Lecture 7: DOM Navigation

Lecture 8: How to Create Elements in DOM

Chapter 11: Project – Build a Twitter Clone (Add JavaScript to Main and Login Page)

Instructors

Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 7 votes
  • 3 stars: 32 votes
  • 4 stars: 125 votes
  • 5 stars: 278 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Animation Courses to Learn in November 2024

Top 10 Digital Illustration Courses to Learn in November 2024

Top 10 Interior Design Courses to Learn in November 2024