The Complete Front End Web Developer Course 2021

Learn basics/fundementals of web development like HTML , CSS , Bootstrap , Javascript

What you'll learn

HTML

CSS

Javascript

Bootstrap

Requirements

Basics of anyone programming language

Description

In this course, you learn different technologies in Web Development likeWhat is a websiteDifferences between front-end , backend , databaseWhat is web designAdvantages of Web DesignHTMLAdvanced topics in HTML like Tables , Lists etcCSSAdvanced topics in CSS like Display , Alignments , PositionsWhat is a framework , What are its AdvantagesWhat is BootstrapWhat is Responsive DesignUsing bootstrap pre-defined classes to HTML elementsMaking Websites responsive with BootstrapJavascript BasicsDom ManipulationJqueryAjaxModern Javascript ES6Javascript AnimationsTop Javascript LibrariesNode Js CrashCourseBy the end of the course students will be able to develop good interactive websites using modern javascript,Node js etcA front end developer has one general responsibility: to ensure that website visitors can easily interact with the page. They do this through the combination of design, technology and programming to code a website's appearance, as well as taking care of debugging.Definition: Front end development manages everything that users visually see first in their browser or application. … You manage what people first see in their browser. As a front end developer you are responsible for the look, feel and ultimately design of the site.The practice of front end development is similar to playing the bass: it's easy to learn but difficult to master. There is a lot more to it than HTML and CSS (which are plenty difficult onto themselves).

Overview

Section 1: Introduction

Lecture 1 What is a Website

Lecture 2 Website Anotomy

Section 2: Getting Started with HTML

Lecture 3 What is HTML

Lecture 4 Structure Of the HTML

Lecture 5 Paragraphs

Lecture 6 Images

Lecture 7 Anchor Tags

Section 3: Getting Started with CSS

Lecture 8 What is CSS

Lecture 9 Inline CSS

Lecture 10 Internal CSS

Lecture 11 External CSS

Lecture 12 CSS Selectors

Lecture 13 CSS Selectors Part-2

Lecture 14 CSS Selectors Part-3

Section 4: Basic CSS Properties

Lecture 15 CSS Colors

Lecture 16 Text - Formating

Lecture 17 Borders

Lecture 18 Margins

Lecture 19 Height and width

Lecture 20 Padding

Lecture 21 Margins and Padding Tricks

Lecture 22 Project - Billgates

Section 5: Tables and Lists

Lecture 23 Tabes

Lecture 24 Lists

Section 6: Project - Resume

Lecture 25 Resume

Section 7: Forms and Divs

Lecture 26 Forms Introduction

Lecture 27 Forms Practical

Lecture 28 Divs Part-1

Lecture 29 Divs Part-2

Section 8: Display and Alignments

Lecture 30 Display in CSS

Lecture 31 Display Part-2

Lecture 32 CSS Alignemnts

Lecture 33 CSS Alignemnts part-2

Section 9: Project - Bank Application Form

Lecture 34 Bank Application

Section 10: Getting Started with Bootstrap

Lecture 35 What is Bootstrap

Lecture 36 Using Bootstrap in 1st way

Lecture 37 Using Bootstrap 2nd way

Lecture 38 Bootstrap Buttons

Lecture 39 Overriding Bootstrap classes

Section 11: Responsive Designs

Lecture 40 What is responsive design

Lecture 41 Bootstrap Grid system - Intro

Lecture 42 Bootstrap Grid system - Practical

Lecture 43 Making Websites responsive with Grid system

Section 12: Bootstrap Tables and Forms

Lecture 44 Bootstrap Tables

Lecture 45 Bootstrap forms

Lecture 46 Bootstrap Alignments

Section 13: Project - Facebook Landing Page

Lecture 47 FaceBook Landing Page

Section 14: Getting Started with Javascript

Lecture 48 What is Javascript

Lecture 49 Interactive Websites

Section 15: Javascript Basics

Lecture 50 Where to write

Lecture 51 External Javascript

Lecture 52 Finding Errors

Lecture 53 Helloworld Program

Lecture 54 Datatypes

Lecture 55 Conditional Statements

Lecture 56 Loops

Lecture 57 Functions

Lecture 58 Passing parametres to functions

Lecture 59 Arrays

Lecture 60 Array methods

Lecture 61 Strings

Lecture 62 Object Part-1

Lecture 63 Object Part-2

Lecture 64 This Keyword

Lecture 65 Date and Time

Lecture 66 Sorting of an Array

Lecture 67 Type Casting

Section 16: DOM Manipulation

Lecture 68 DOM Introduction

Lecture 69 Accessing HTML Elemements

Lecture 70 CSS Manipulation

Lecture 71 Buttons Onlick

Lecture 72 Event Handling

Lecture 73 Adding / Deleting HTML elements using JS

Lecture 74 Getting Input Values

Lecture 75 Popup Boxes

Lecture 76 Addition Program

Lecture 77 Project - User Authenticatin

Lecture 78 Radio Buttons

Lecture 79 Selection list

Lecture 80 CheckBoxes

Lecture 81 Student Registration form

Section 17: Jquery

Lecture 82 Jquery Introduction

Lecture 83 Jquery CSS

Lecture 84 Jquery Append/Remove

Section 18: Ajax

Lecture 85 Ajax Intro

Lecture 86 Ajax in Practical

Lecture 87 JSON

Lecture 88 Project 2 - Meals Project

Section 19: Browser DOM

Lecture 89 Window Property

Lecture 90 Screen Property

Lecture 91 Location Property

Lecture 92 Timout Property

Section 20: Browser Storage

Lecture 93 Local Storage

Lecture 94 Session storage

Section 21: Modern Javascript ES6

Lecture 95 ES6 Introduction

Lecture 96 Let Keyword

Lecture 97 Const Keyword

Lecture 98 Arrow Functions

Lecture 99 For Of loop

Lecture 100 Spread Operator

Lecture 101 IndexOf method

Lecture 102 Array Filter

Lecture 103 Default Parametres

Section 22: Project - Covid Stats

Lecture 104 Covid - Statistics

Section 23: Animations

Lecture 105 Jquery Animate

Lecture 106 Jquery Animate Properties

Lecture 107 Jquery Fade

Section 24: Libraries

Lecture 108 What is library

Lecture 109 AOS Part-1

Lecture 110 AOS - Part2

Lecture 111 Typed JS

Lecture 112 Dark Theme Js

Web Developers