Complete Front End Web Development Bootcamp 2020

Learn Front-End Developement (HTML + CSS + Javascript + Bootstrap) from Scrach to Advanced with 7 Hands-on-Projects

What you'll learn
Build a simple HTML text site
Program websites with JavaScript
Style web pages using CSS
Use any pre built libraries in JS and jQuery
understand codes in HTML, CSS, Bootstrap, javascript and Jquery
CSS Animations
Apply skills to update and create websites
Requirements
Basics of anyone programming language
Description
Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.What you will learn in this courseWeb FundamentalsCreating Basic Building blocks of a website using HTMLApplying styling for the web pages using CSSLearn and Implementing Bootstrap 5Adding interaction to the websites using JavascriptLearn Javascript from scratchManipulating HTML Elements using DOMMinimizing and adding additional features to the Javascript using JQueryMethods for communicating with server-side with AJAXBuild amazing UI libraries with Javascript AnimationsNode JS Crashcourse

Overview

Section 1: Introduction

Lecture 1 Course Introduction

Section 2: HTML5

Lecture 2 Basics of Web design (HTML and CSS)

Lecture 3 Introduction to HTML and its documentation

Lecture 4 Making our very first Website

Lecture 5 Structure of an HTML file

Lecture 6 Heading tag in HTML

Lecture 7 paragraph tags

Lecture 8 Text Formatting in HTML

Lecture 9 Unordered list

Lecture 10 Ordered list

Lecture 11 How to embed images to our website

Lecture 12 Working with Forms in HTML

Lecture 13 Iframes in HTML

Lecture 14 Anchor tags in html

Lecture 15 Tables in HTML

Lecture 16 HTML entities

Lecture 17 Join the student community

Section 3: HTML5 project

Lecture 18 portfolio website that we will be making

Lecture 19 Project: Portfolio using HTML

Lecture 20 Uploading our website to Github

Section 4: Some fun

Lecture 21 Some fun tricks that you can show to your friends

Section 5: CSS 3

Lecture 22 Introduction to CSS

Lecture 23 Inline CSS

Lecture 24 Internal CSS

Lecture 25 CSS syntax

Lecture 26 Classes and id's

Lecture 27 div in css

Lecture 28 colors in css

Lecture 29 floating in css

Lecture 30 positioning in css

Lecture 31 margins in css

Lecture 32 padding in css

Lecture 33 Borders

Lecture 34 fonts

Lecture 35 text styling

Lecture 36 text alignment

Lecture 37 External css

Section 6: Facebook login page project

Lecture 38 the website that we will be making

Lecture 39 Facebook project part-1

Lecture 40 Facebook project part-2

Section 7: Bootstrap 5

Lecture 41 Introduction to bootstrap 5

Lecture 42 Implementing bootstrap 5 to our website

Lecture 43 breakpoints,containers,grid and columns

Lecture 44 Buttons and Navbar

Lecture 45 forms in bootstrap

Lecture 46 Bootstrap 5 components

Lecture 47 More components

Section 8: Landing page

Lecture 48 Landing page that we will make

Lecture 49 Bootstrap landing page

Lecture 50 Uploading our website to webserver

Section 9: Javascript Introduction

Lecture 51 What is Javascript

Lecture 52 Interactive Websites

Section 10: Javascript Basics

Lecture 53 Where to write

Lecture 54 External Javascript

Lecture 55 Javascript Statements

Lecture 56 Finding Errors

Lecture 57 Helloworld Program

Lecture 58 Datatypes

Lecture 59 Conditional Statements

Lecture 60 Loops

Lecture 61 Functions

Lecture 62 Passing parametres to functions

Lecture 63 Arrays

Lecture 64 Array methods

Lecture 65 Strings

Lecture 66 Object Part-1

Lecture 67 Object Part-2

Lecture 68 This Keyword

Lecture 69 Date and Time

Lecture 70 Sorting of an Array

Lecture 71 Type Casting

Section 11: DOM Manipulation

Lecture 72 DOM Introduction

Lecture 73 Accessing HTML Elemements

Lecture 74 CSS Manipulation

Lecture 75 Buttons Onlick

Lecture 76 Event Handling

Lecture 77 Adding / Deleting HTML elements using JS

Lecture 78 Getting Input Values

Lecture 79 Popup Boxes

Lecture 80 Addition Program

Lecture 81 Project 1 - User Authentication

Lecture 82 Radio Buttons

Lecture 83 Selection list

Lecture 84 CheckBoxes

Lecture 85 Student Registration form

Section 12: Jquery

Lecture 86 Jquery Introduction

Lecture 87 Jquery CSS

Lecture 88 Jquery Append/Remove

Lecture 89 Jquery Events

Section 13: Ajax

Lecture 90 Ajax Intro

Lecture 91 Ajax in Practical

Lecture 92 JSON

Lecture 93 Project 2 - Meals Project

Section 14: Browser DOM

Lecture 94 Window Property

Lecture 95 Screen Property

Lecture 96 Location Property

Lecture 97 Timout Property

Section 15: Browser Storage

Lecture 98 Local Storage

Lecture 99 Session storage

Section 16: Modern Javascript ES6

Lecture 100 ES6 Introduction

Lecture 101 Let Keyword

Lecture 102 Const Keyword

Lecture 103 Arrow Functions

Lecture 104 For Of loop

Lecture 105 Spread Operator

Lecture 106 IndexOf method

Lecture 107 Array Filter

Lecture 108 Default Parametres

Lecture 109 Project 3 - Covid 19 Tracker

Section 17: Animations

Lecture 110 Jquery Animate

Lecture 111 Jquery Animate Properties

Lecture 112 Jquery Fade

Section 18: Libraries

Lecture 113 What is library

Lecture 114 AOS Part-1

Lecture 115 AOS - Part2

Lecture 116 Typed JS

Lecture 117 Dark Theme Js

Section 19: Node JS Crashcourse

Lecture 118 What is Node Js

Lecture 119 Installing Node Js

Lecture 120 Hello World in Node JS

Complete Beginners in Web Development