The Complete front end web developer Bootcamp – 14 projects

The Complete front end web developer Bootcamp – 14 projects
The Complete front end web developer Bootcamp – 14 projects
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 19 Hours | 3.57 GB

Learn HTML, HTML5, CSS, CSS3, Bootstrap, JavaScript, Jquery and usage of dozens of plugins like animated CSS & TypeAhead

Welcome to the Complete front end development Bootcamp. This is one of the most comprehensive bootcamp available online. So, if you are new to web development, thats great news because starting from scratch is always easy. And if you have tried some other courses before, you already know that web development is not easy. This is because of 2 reasons. Either the web development course might be missing projects, or might be focusing on too many things at a time. When you focus on everything, in a short duration of time, it is very tough be a great developer.

This course gives you a unique experience and focus only on front end web development. First we will get professional and free web development tools, then we will start with HTML. Once we cover this ground, we will take down our very first challenge. Further we will learn HTML 5 and start our first project.

Moving further we will take CSS and CSS3. After that we will have a complete and dedicated section on projects. After that we will learn Bootstrap and optimise our sites for mobile view. After that we will learn Javascript and jQuery and will do some projects in that.

Structure of this is designed after research and you will never feel bore in this course. After completion of the course, you will be able to design a web page in the exact same design that is on your mind or you might have seen on some theme website.

Creating a web template of your own or edit the one, you will be a full skill ninja to do the job.

Our offline bootcamps are priced at 1000$ per student but with online education, you can get the exact same content in fractions of that.

What You Will Learn

  • code front end of the web page
  • Convert any web page into mobile optimised theme.
  • Write custom Javascript code
  • Write code in jQuery
  • Use any pre built libraries in JS and jQuery
  • Convert any Template into required one
  • Take online web development projects and complete them
  • understand codes in HTML, CSS, Bootstrap, javascript and Jquery
Table of Contents

Introduction_ getting the development tools and basics of HTML
1 A quick look at projects that we will build in this course
2 Introduction to the front end development course
3 A personal talk
4 Collecting and installing developer tools
5 Structuring the files and creating first file
6 Text tags
7 list items
8 Ending with challenge and solution
9 Get Your Exercise files here.html

Div_ tables and Forms with Challenge to create FB page
10 Divisions and Spans
11 Images and links
12 Challenge for links in images and solution
13 Tables in HTML
14 Basic forms
15 More about forms in HTML
16 Challenge to create a facebook login page and solution

HTML 5 semantics and adding audio_ video and YouTube to web page
17 Introducing HTML 5
18 Comparing HTML 4 semantics with HTML 5
19 Adding Videos_ audios and YouTube Videos

CSS - Box model_ color selection_ Google Fonts and Font Awesome integration
20 Introduction to CSS and where to write it
21 Solving the color selection problem
22 Coming soon Template and box model
23 Box model and centering text
24 Google fonts and Font awesome integration

Web development projects - GYM and Sushi Restro Templates
25 Project - GYM coming soon Part -1
26 Project GYM coming soon Part - 2
27 Project - Sushi Restro coming soon with Video Part - 1
28 Project - Sushi Restro coming soon with Video Part - 2

CSS - classes_ ID's_ parallax and project to edit template
29 Styling the links
30 Classes and ID in CSS
31 Designing a navigation bar from scratch
32 Color palettes and canva for design
33 Adding parallax part 1
34 Adding parallax part 2
35 Project - Learn to edit templates part 1
36 Project - learnt to edit templates part 2
37 Project - Challenge to edit a template

CSS - box sizing_ gradients and TODO list project
38 Gradients in CSS
39 Check through CSS
40 Box sizing in CSS
41 Project - TODO list APP part 1
42 Project - Todo List APP part 2
43 Project - Todo List App part 3

Getting started with Bootstrap - Tour and creating landing page project
44 Introduction to Bootstrap
45 Creating first bootstrap file structure
46 Overview of bootstrap working
47 Understanding the grid system
48 Tour to CSS part of the bootstrap
49 Tour to Components part of bootstrap
50 Javascript components and layoutIt website builder
51 Project - responsive landing page part - 1
52 Project - responsive landing page part - 2
53 Project - adding facebook and twitter logins

Project - Pokemon Corporate site_ yahoo selling page and Admin Dashboard
54 Project pokemon Company adding navigations
55 Project pokemon - adding slider
56 Project pokemon - adding team section
57 Project Pokemon - adding content section
58 Project Pokemon - footer and animations
59 Yahoo Selling page - navbars
60 Yahoo Selling page - complete
61 Project AdminDashboard - adding navbars
62 Project AdminDashboard - adding left dashboard
63 Project AdminDashboard - adding main content
64 Project AdminDashboard - complete

Grabbing the tools to learn and write Javascript
65 Important note before we move on to javascript
66 Getting the tools ready for javascript

Javascript - Basic concept_ variables_ operations and best practice
67 Where to put Javascript
68 Getting rid of popups
69 Some basic concepts for JS
70 Comments for unit testing
71 Variables - Naming_ syntax and problems
72 Operations on variables
73 A talk on datatypes

Javascript - conditionals and functions
74 Conditionals and comparisions
75 Switch and case in JS
76 For and For In loop in JS
77 While and Do While loop in JS
78 Break and continue in JS
79 Functions in JS
80 Global and local variables in JS
81 Objects - Usage and Declaration
82 Binding functions to events

Javascript - Exceptions_ Hoisting and regular expressions
83 Catching from exception using try catch
84 String in built methods
85 Numbers InBuilt methods
86 Hoisting and strict_js overview
87 regular expression Usage in JS

Javascript - functions and closures
88 Function basics
89 Declaring a function
90 calling a function
91 Using a function as an object
92 Object creation using a function
93 Prototyping a function
94 Multiple arguments and CALL and APPLY in JS
95 Closure in function

Javascript - implementing codes to get content of HTML and change CSS properties
96 Clearing DOM and NODES concept
97 DOM_ accessing elements
98 creating new nodes using DOM
99 Grabbing form content in JS
100 Changing CSS properties using JS
101 Binding on Mouse events
102 Impressive JS resource for future

Javascript projects to practice
103 Project - Random Password Gen
104 Project - Random Password Gen Styling
105 Project - Ticky Clock Styling
106 Project - TickyClock javascript

Moving on to learn Jquery - Selectors and events
107 Are we on the same page to start Jquery
108 Creating Sample exercise files
109 Your first Jquery code in action
110 Basics of Selectors in Jquery
111 Basics of events in Jquery

Actions in Jquery - fading_ animations and callback functions
112 hiding and showing images
113 fading out in Jquery
114 Slides and Animations in Jquery
115 Callbacks and chaining in Jquery

projects in Jquery and using JS plugins
116 Getting the HTML_ text and form values
117 Setting the HTML_ text and form values
118 Toggle CSS Classes with Jquery
119 Project - Image Slider part 1
120 Project - Image Slider part 2
121 TypeAhead and CSS challenge

Farewell and a gift
122 Farewell and a gift

Bonus_ TODO project in JS and web hosting details
123 Bonus - Todo project and hosting basics
124 Adding styles to TODO project
125 Javascript for working of todo
126 Web hosting as quick as possible

BONUS updates - FUN projects and tips
127 Happy Independence day project in particlesjs
128 How to upload your website on live server