Learn complete Front End web development

Lean HTML | HTML5 | CSS | CSS3 | Bootstrap | Javascript | JQuery | Real world project 06 in this course !

Ratings: 4.28 / 5.00




Description


WHAT YOU WILL LEARN In This Course

  • Real-world skills to build real-world websites: professional, beautiful and truly responsive websites

  • A huge project that will teach you everything you need to know to get started with HTML,CSS and JS

  • The proven 7 real-world steps from complete scratch to a fully functional and optimized website

  • Learn super cool jQuery effects like animations, scroll effects and "sticky" navigation

  • Get helpful support in the course Q&A

  • Simple-to-use web design guidelines and tips to make your website stand out from the crowd


Basics Of HTML,CSS

  • Introduction

  • Installing Needed Tools

  • HTML Basic Tags

  • List Tags In HTML

  • Divisions And Commenting

  • Images And Links

  • Assignment

  • Solution

  • Tables In HTML

  • Basic Forms

  • More About Forms In HTML

  • Creating An Facebook Login Page

  • Adding Videos And Audios

  • Introduction To CSS

  • Color Selection

  • Background Image

  • Box Model And Centering Text

  • Using Google Fonts

  • Using Font Awesome

Project 1 - Cake Shop Website

  • Project 1 - Cake Shop Website

  • Project 1 - Cake Shop Website Part 2

Project 2 - Hotel

  • Project 2 - Hotel

  • Project 2 - Hotel Part 2

  • Styling The Links

  • Classes And ID In CSS

  • Designing A Menu From Scratch

  • Parallax Effect

  • Gradient In CSS


    Bootstrap Basics

    • Introduction To Bootstrap

    • Installing Bootstrap

    • Bootstrap - Overview

    • Grid System

    • Bootstrap Contents

    • Bootstrap Components


Project 3 - Landing Page

  • Project 3 - Landing Page Part 1

  • Project 3 - Landing Page Part 2

  • Project 3 - Landing Page Part 3

Project 4 - Corporate Website

  • Project 4 - Teaser

  • Project 4 - Menus

  • Project 4 - Slider

  • Project 4 - Profile

  • Project 4 - Parallax & Comments

  • Project 4 - Footer

  • Project 4 - Animations

  • Project 4 - Responsive

  • Bootstrap Builder

Project 5 - Admin Dashboard

  • Project 5 - Teaser

  • Project 5 - Menus

  • Project 5 - Sidebar

  • Project 5 - Content

  • Project 5 - Final Results


JavaScript - Basics

  • Note Before Learning JavaScript

  • What Is JavaScript & Why We Need To Learn It

  • Hello World In JavaScript

  • Variables In JavaScript

  • Numbers In JavaScript

  • Booleans In JavaScript

  • Undefined In JavaScript

  • f And Else Statement In JavaScript

  • Logical Operators

  • Var Keyword And Scope In JavaScript

  • Array's In JavaScript

  • Functions In JavaScript

  • For Each In JavaScript

  • For Loop In JavaScript

  • Todo Application In JavaScript

  • Objects In JavaScript

  • Method And This Keyword In JavaScript

JavaScript - Advanced

  • Username and Password checking basics in javascript

  • Generating a random number in javascript

  • Building Search Function In JavaScript

  • Advanced JavaScript

  • Arrow Functions In JavaScript

  • Arrow function and this keyword in javascript

  • Try catch to avoid program freeze in javascript

  • What Is DOM

  • Selecting Elements

  • Changing all texts using javascript

  • Creating New Element In DOM

  • Event Listeners In JavaScript

  • Input Tracking

  • Changing CSS With JavaScript

  • Moving Forward


Project 6 - Random Password Generator

  • Project - Teaser

  • Project - Random Password Gen

  • Project - Random Password Gen - Designing

jQuery

  • Intro To jQuery

  • Selecting Class And ID With JQuery

  • Attar And Val

  • Event Listeners In JQuery

  • Keypress Event In JQuery

  • On Event Method In JQuery

  • Animations With JQuery


Project 7 - TODO LIST

  • TODO Project - Teaser

  • TODO Project - 1

  • TODO Project - 2

  • TODO Project - 3

  • TODO Project - 4

  • TODO Project - 5

What You Will Learn!

  • HTML
  • HTML5
  • CSS
  • CSS3
  • Bootstrap
  • Javascript
  • jQuery
  • Real world project 06 in this course

Who Should Attend!

  • This course is anyone learn web development become a successful web developer
  • Lear front end web development for students and web development interstate people