Front End Web Development Bootcamp - Build a Twitter Clone (Udemy.com)

Build a Twitter Clone using HTML, CSS, CSS Flexbox, CSS Grid, and JavaScript. Master your Front End Web Developer Skills

( 27 Reviews )

Created by: Code And Create

Produced in 2021

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 si

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 90 / 100

Course Description

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. HTML2. CSS3. CSS Flexbox4. CSS Grid5. JavaScript6. DOMBefore 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 CourseCSS Crash CourseCSS FlexboxCSS GridWe 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 CourseDOM Crash CourseOnce 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!!!
Who this course is for:
Students who want to learn three core technologies of Front End We Development: HTML, CSS, and JavaScriptStudents who have zero experience in programmingStudents who have the basic knowledge of Front End Web Development and want to develop their skillsStudents who want develop Web Design skills

Time: 12.5h

Instructor Details

Code And Create

4.5 Rating
27 Reviews

Code And Create' is a Web Development company, which consists of professional web developers, web designers, and experienced online instructors. 'Code And Create' creates online educational courses. Most of them are the best-selling ones on the Udemy platform.
We are specialized in multiple technologies and programming languages such as HTML5, CSS3, SASS, Bootstrap, Material Design, JavaScript, ReactJS, Angular, VueJS, NodeJS, MongoDB, PHP, MySQL, Python and much more...
'Code And Create' also runs a YouTube channel called "Code And Create", where we create free educational content in Web Development / Design / Programming.
We are excited to be here and we are eager to share our knowledge and experience.
Looking forward to seeing you inside our courses.

SASS - The Complete SASS Course (CSS Preprocessor)

SASS - The Complete SASS Course (CSS Preprocessor) (2021)
4.5 (55 Reviews)

- Provider: Udemy
- Time: 6h

$11.99

CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox)

CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox) (2021)
4.9 (50 Reviews)

- Provider: Udemy
- Time: 11.5h

$11.99

JavaScript Bootcamp - Build Real World Applications

JavaScript Bootcamp - Build Real World Applications (2021)
4.7 (47 Reviews)

- Provider: Udemy
- Time: 16.5h

$11.99

Git & GitHub - The Complete Git & GitHub Course

Git & GitHub - The Complete Git & GitHub Course (2021)
4.3 (7 Reviews)

- Provider: Udemy
- Time: 3h

$11.99

All courses by Code And Create

More web development courses

JavaScript: The Advanced Concepts (2021)
4.9 (175 Reviews)

- Provider: Udemy
- Time: 24.5h

$11.99

Build an app with ASPNET Core and Angular from scratch

Build an app with ASPNET Core and Angular from scratch (2021)
4.8 (439 Reviews)

- Provider: Udemy
- Time: 29h

$11.99

Vue - The Complete Guide (w/ Router, Vuex, Composition API)

Vue - The Complete Guide (w/ Router, Vuex, Composition API) (2021)
4.8 (149 Reviews)

- Provider: Udemy
- Time: 48.5h

$11.99

Git a Web Developer Job: Mastering the Modern Workflow

Git a Web Developer Job: Mastering the Modern Workflow (2021)
4.8 (50 Reviews)

- Provider: Udemy
- Time: 15h

$11.99

Angular - The Complete Guide (2021 Edition)

Angular - The Complete Guide (2021 Edition) (2021)
4.7 (461 Reviews)

- Provider: Udemy
- Time: 33.5h

$11.99

Running a Web Development Business: The Complete Guide

Running a Web Development Business: The Complete Guide (2019)
4.7 (300 Reviews)

- Provider: Udemy
- Time: 11h

$11.99

All web development courses

Reviews

4.5

27 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Anonymous on 10/16/2020

Nice content~!

By Jonathan Kimber on 10/11/2020

This is a great course. I understand everything being taught.

By Salsabeal on 10/3/2020

This course well made and well arranged , I learnt a lot from this constructor

By Kategnimin Coulibaly on 10/1/2020

This course is well organized, and the instructor is explaining everything very well. The great thing about this kind of project is like if you have understood everything, you will be ready to do many things based on the skills you will gain after watching this tutorial.

By Dre Karas on 9/23/2020

Hi! I am working from a Macbook Pro, and when I "! + Tab" it doesn't show the third meta tag at all
My question is, is that because it makes us able to make our page available on every version over Internet Explorer right? Does that mean I shouldn't expect to see a different third meta tag to replace it for Safari or something?

By Harshul Shukla on 9/23/2020

excelent

By Mario Dorochesi on 9/14/2020

En general el profesor explica muy bien, los ejemplos son claros. Lo unico que no me agrado fue que ocupa ciertas tecnicas que son levemente obsoletas o no recomendadas , no obstante el curso en si es excelente!.

By Gabriel Naldoni Fernandes on 9/13/2020

Bem explicativo at o momento.

By Matt Crossette on 8/27/2020

This course is painful to go through. very little explanation and just a lot of copying what the instructor does to build the project. There is some value to the crash courses, but I found the DOM and javascript crash courses nearly useless as there are no real world examples of why you would use it... Just running a bunch of stuff in the dev tools console which is no help to me at all. I assume as I get to the rest of the course there will be actual examples of how to use it, but I expect very little if any explanation and pretty much just to have the instructor tell me exactly what to put in for the code. Not really learning much here. I'm over 9 hours in so far and doubt the last few are going to change my mind at all. I'm just trying to get through it at this point. It's painful. Oh, also I asked a question over a week ago and no response. I'd definitely look for another instructor rather than buy this course.

By Ryan Lund on 8/6/2020

Seeing the creation of a multi use page was interesting but i feel like linking other html files and using more javascript could better this course. Also, I was waiting to see how you could actually make a twitter clone instead of just cloning the layout.

By Ayebiowei Precious Abiye on 7/20/2020