The complete frontend web development

Introduction 2 Chapter

Expand

Unit Content

0% Complete 0/2 Steps

1-1 Introduction to the course

1-2 Atom setup

Web Development Basics – HTML 9 Chapter

Expand

Unit Content

0% Complete 0/9 Steps

2-1 HTML document structure

2-2 HTML elements – div, span

2-3 HTML elements – i, b, p, a

2-4 HTML elements – ul, li, ol

2-5 HTML elements – header, footer

2-6 HTML elements – section, main, article

2-7 HTML elements – h1-h6, aside

2-8 Tables

2-9 HTML recap – simple text site

Advanced HTML Concepts 10 Chapter

Expand

Unit Content

0% Complete 0/10 Steps

3-1 Images

3-2 Forms

3-3 HTML elements – input

3-4 Checkboxes

3-5 Radio buttons

3-6 Select, option, buttons

Advanced CSS 7 Chapter

Expand

Unit Content

0% Complete 0/7 Steps

5-6 Viewpoint width and height, overflowing content

5-7 Transition property

JavaScript for Beginners 11 Chapter

Expand

Unit Content

0% Complete 0/11 Steps

6-1 Intro to Javascript

6-2 Alerts and console logging

6-3 Integers, strings, and variables

6-4 Undefined variables and modifying values of variables

6-5 Boolean operators

6-6 Comparing values

6-7 If statements

6-8 For loops

6-9 Defining functions

6-10 Event handling

6-11 Setting an elements inner HTML

Introduction to Cascading Style Sheets (CSS) 11 Chapter

Expand

Unit Content

0% Complete 0/11 Steps

4-1 Targeting, color, background

4-2 Element specificity

4-3 ID targeting, margin, border

4-4 Padding, margin, float

4-5 Max-width, background-image

4-6 Switching over to an IDE

4-7 Font weight, style, and family

4-8 Text decorations

4-9 Text spacing

4-10 Text decoration modification

4-11 Text shadow

More JavaScript Concepts 12 Chapter

Expand

Unit Content

0% Complete 0/12 Steps

7-1 Arrays pt1

7-2 Arrays pt2

7-3 Arrays pt3

7-4 Textareas and getting the values of inputs

7-5 Functions – parameters and return values

7-6 Multiple parameters in functions

7-7 Flexible function parameters

7-8 Project – find the missing number

7-9 Project solution

7-10 Classes intro

7-11 Class constructor, instance variables, and static variables

7-12 Extending classes

Getting Started with jQuery 11 Chapter

Expand

Unit Content

0% Complete 0/11 Steps

8-1 jQuery setup

8-2 Targeting elements

8-3 Event handling

8-4 Dropdown menus

8-5 Making our dropdown disappear

8-6 Multiple targets, events, attr method

8-7 Prepend, append, html

8-8 preventDefault

8-9 event.which, switch

8-10 Custom context menu, pageY, pageX

8-11 is method

More jQuery 8 Chapter

Expand

Unit Content

0% Complete 0/8 Steps

9-1 Writing our own version of jQuery

9-2 Find method

9-3 First and last

9-4 Focusin and focusout

9-5 Contains, is, hasClass

9-6 Each method

9-7 Callbacks

9-8 CSS

Bootstrap Basics 20 Chapter

Expand

Unit Content

0% Complete 0/20 Steps

10-1 Bootstrap intro

11-1 Pipboy Web Project

10-2 Navbar pt1

11-2 Pipboy navbar

10-3 Navbar pt2

11-3 Pipboy main page

10-4 Bootstrap forms pt1

11-4 Pipboy image and footer

10-5 Bootstrap forms pt2

11-5 Pipboy colors

10-6 Bootstrap buttons

11-6 Pipboy font and styling the main nav

11-7 Scanlines

11-8 Navigation styling

11-13 Damage and resistance

11-14 Icons

Project #2 – Pipboy from Fallout 4 4 Chapter

Expand

Unit Content

0% Complete 0/4 Steps

11-15 Inventory template

11-16 Item list

11-17 Weapon stat container

11-18 Finishing touches with JavaScript

Project #3 – Google Chrome Extension 11 Chapter

Expand

Unit Content

0% Complete 0/11 Steps

12-1 Solving problems

12-2 Manifest files

12-3 Basic setup

12-4 Getting video urls

12-5 Injecting JS

12-6 Getting pretty objects for each url

12-7 Creating download options list

12-8 Communicating between the page and extension

12-9 Chrome downloads api and background scripts

12-10 Receiving messages and downloading files

12-11 Styling our extension and publishing

Final Thoughts 1 Chapter

Expand

Unit Content

0% Complete 0/1 Steps

13-1 Final thoughts

The complete frontend web development

Course Content

About Instructor

suram

Course Includes