Frontend Web Development Bootcamp - Build a Twitter Clone
Focused View
George Lomidze
12:33:18
7 View
001.Introduction.mp4
02:58
002.Setup.mp4
01:47
003.What is HTML.mp4
02:56
004.Basic HTML Document.mp4
06:34
005.Headings, Paragraphs and more.mp4
08:43
006.Lists.mp4
05:00
007.Links.mp4
04:39
008.Images.mp4
04:38
009.Forms - Part 1.mp4
05:50
010.Forms - Part 2.mp4
04:42
011.HTML5 Semantic Elements.mp4
05:04
012.What is CSS and how to write it.mp4
07:51
013.CSS Selectors.mp4
09:00
014.Colors in CSS.mp4
05:34
015.Text Formatting.mp4
06:06
016.Fonts.mp4
09:37
017.Box Model.mp4
12:12
018.Pseudo Classes.mp4
07:21
019.Pseudo Elements.mp4
04:04
020.Measurement units - Part 1.mp4
06:39
021.Measurement units - Part 2.mp4
06:24
022.Positions - Part 1.mp4
06:12
023.Positions - Part 2.mp4
08:50
024.Floats.mp4
05:54
025.Backgrounds - Part 1.mp4
11:30
026.Backgrounds - Part 2.mp4
08:20
027.Shadows.mp4
07:56
028.Transitions.mp4
10:14
029.Transforms - Part 1.mp4
07:14
030.Transforms - Part 2.mp4
04:39
031.Introduction to CSS Flexbox.mp4
06:13
032.Flex Container Properties.mp4
14:55
033.Flex Item Properties.mp4
09:24
034.CSS Grid Introduction.mp4
04:46
035.Setup.mp4
05:26
036.How to create Grid.mp4
06:18
037.Fractional Unit.mp4
06:08
038.How to position Grid Items.mp4
09:27
039.Naming Grid Items - Part 1.mp4
09:30
040.Naming Grid Items - Part 2.mp4
10:03
041.Naming Grid Areas.mp4
05:07
042.Explicit and Implicit Grids.mp4
06:00
043.Aligning Grid Items.mp4
06:20
044.Aligning Grid Track.mp4
04:05
045.max-content, min-content, minmax().mp4
04:58
046.auto-fill and auto-fit.mp4
04:39
047.Project Overview.mp4
07:13
048.Create Structure of Main Page.mp4
11:18
049.Styling of Main Page - Part 1.mp4
09:47
050.Styling of Main Page - Part 2.mp4
04:40
051.Styling of Form Element.mp4
09:07
052.Styling of Banner.mp4
06:20
053.Styling of Footer.mp4
03:58
054.Create Structure of Login Page.mp4
07:16
055.Layout of the Page.mp4
05:19
056.Styling of Navigation.mp4
07:42
057.Styling of Login - Part 1.mp4
07:23
058.Styling of Login - Part 2.mp4
05:32
059.Create Structure of Navigation.mp4
05:13
060.Styling of Navigation.mp4
09:51
061.Create structure of News Feed Header.mp4
03:41
062.Styling of News Feed Header - Part 1.mp4
06:18
063.Styling of News Feed Header - Part 2.mp4
04:46
064.Create Structure of Posts.mp4
06:30
065.Styling of Posts.mp4
07:44
066.Create Structure of Section - Who to follow.mp4
04:44
067.Styling of Who to follow Section.mp4
09:04
068.Create Post Button.mp4
04:15
069.What is JavaScript.mp4
05:39
070.Variables in JavaScript.mp4
07:24
071.JavaScript Data types.mp4
06:22
072.Operators.mp4
06:12
073.Type Coercion.mp4
06:07
074.Conditional Statements.mp4
07:55
075.Functions.mp4
07:42
076.Arrow Functions.mp4
04:00
077.Arrays.mp4
07:28
078.Objects.mp4
05:46
079.Loops.mp4
10:53
080.Template Strings.mp4
04:40
081.What is DOM.mp4
03:34
082.Select and manipulate the elements - Part 1.mp4
07:44
083.Select and manipulate the elements - Part 2.mp4
05:32
084.DOM styles and classes.mp4
11:05
085.Events.mp4
09:34
086.Manipulate the Attributes.mp4
05:08
087.DOM Navigation.mp4
06:14
088.How to Create Elements in DOM.mp4
05:14
089.Navigate to Login Page.mp4
08:08
090.Main Page Validation.mp4
05:32
091.Create Modal Box.mp4
07:52
092.Login Page Validation.mp4
06:30
093.Create Structure of Post Modal.mp4
06:03
094.Styling of Post Modal - Part 1.mp4
06:57
095.Styling of Post Modal - Part 2.mp4
08:48
096.Make Post Modal Work.mp4
13:04
097.Create Structure of Sidebar.mp4
07:49
098.Styling of Sidebar - Part 1.mp4
08:36
099.Styling of Sidebar - Part 2.mp4
05:57
100.Make Sidebar Work.mp4
06:45
101.Create a Toggle Button.mp4
08:58
102.Switching to Dark Mode - Part 1.mp4
10:26
103.Switching to Dark Mode - Part 2.mp4
08:07
104.Make Main Page Responsive.mp4
13:09
105.Make Login Page Responsive.mp4
12:10
106.Make News Feed Page Responsive.mp4
14:46
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
More details
User Reviews
Rating
average 0
Focused display
Category
George Lomidze
Instructor's CoursesGeorge 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.
PacktPub
View courses PacktPubPackt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.
- language english
- Training sessions 106
- duration 12:33:18
- Release Date 2024/03/14
