Section 1 : Introduction, getting the development tools and basics of HTML
|
Lecture 1 | INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM | |
|
Lecture 2 | About Certification | |
|
Lecture 3 | A personal talk | 00:04:07 Duration |
|
Lecture 4 | Collecting and installing developer tools | 00:11:53 Duration |
|
Lecture 5 | Structuring the files and creating first file | 00:08:41 Duration |
|
Lecture 6 | Text tags | 00:10:49 Duration |
|
Lecture 7 | list items | 00:07:01 Duration |
|
Lecture 8 | Ending with challenge and solution | 00:06:26 Duration |
|
Lecture 9 | Get Your Exercise files here |
Section 2 : Div, tables and Forms with Challenge to create FB page
|
Lecture 1 | Divisions and Spans | 00:05:19 Duration |
|
Lecture 2 | Images and links | 00:11:17 Duration |
|
Lecture 3 | Challenge for links in images and solution | 00:10:13 Duration |
|
Lecture 4 | Tables in HTML | 00:08:06 Duration |
|
Lecture 5 | Basic forms | 00:07:24 Duration |
|
Lecture 6 | More about forms in HTML | 00:06:53 Duration |
|
Lecture 7 | Challenge to create a facebook login page and solution | 00:12:05 Duration |
Section 3 : HTML 5 semantics and adding audio, video and YouTube to web page
|
Lecture 1 | Introducing HTML 5 | 00:05:36 Duration |
|
Lecture 2 | Comparing HTML 4 semantics with HTML 5 | 00:08:16 Duration |
|
Lecture 3 | Adding Videos, audios and YouTube Videos | 00:09:55 Duration |
Section 4 : CSS - Box model, color selection, Google Fonts and Font Awesome integration
|
Lecture 1 | Introduction to CSS and where to write it | 00:12:12 Duration |
|
Lecture 2 | Solving the color selection problem | 00:08:22 Duration |
|
Lecture 3 | Coming soon Template and box model | 00:12:19 Duration |
|
Lecture 4 | Box model and centering text | 00:09:18 Duration |
|
Lecture 5 | Google fonts and Font awesome integration | 00:14:17 Duration |
Section 5 : Web development projects - GYM and Sushi Restro Templates
|
Lecture 1 | Project - GYM coming soon Part -1 | 00:10:24 Duration |
|
Lecture 2 | Project GYM coming soon Part - 2 | 00:12:20 Duration |
|
Lecture 3 | Project - Sushi Restro coming soon with Video Part - 1 | |
|
Lecture 4 | Project - Sushi Restro coming soon with Video Part - 2 | 00:11:14 Duration |
Section 6 : CSS - classes, ID's, parallax and project to edit template
|
Lecture 1 | Styling the links | 00:12:23 Duration |
|
Lecture 2 | Classes and ID in CSS | 00:08:58 Duration |
|
Lecture 3 | Designing a navigation bar from scratch | 00:14:47 Duration |
|
Lecture 4 | Color palettes and canva for design | 00:07:48 Duration |
|
Lecture 5 | Adding parallax part 1 | 00:08:59 Duration |
|
Lecture 6 | Adding parallax part 2 | 00:06:46 Duration |
|
Lecture 7 | Project - Learn to edit templates part 1 | 00:13:34 Duration |
|
Lecture 8 | Project - learnt to edit templates part 2 | 00:16:46 Duration |
|
Lecture 9 | Project - Challenge to edit a template | 00:06:32 Duration |
Section 7 : CSS - box sizing, gradients and TODO list project
|
Lecture 1 | Gradients in CSS | 00:10:02 Duration |
|
Lecture 2 | Check through CSS | 00:06:00 Duration |
|
Lecture 3 | Box sizing in CSS | 00:05:34 Duration |
|
Lecture 4 | Project - TODO list APP part 1 | 00:09:10 Duration |
|
Lecture 5 | Project - Todo List APP part 2 | 00:12:25 Duration |
|
Lecture 6 | Project - Todo List App part 3 | 00:12:03 Duration |
Section 8 : Getting started with Bootstrap - Tour and creating landing page project
|
Lecture 1 | Introduction to Bootstrap | 00:06:09 Duration |
|
Lecture 2 | Creating first bootstrap file structure | 00:08:25 Duration |
|
Lecture 3 | Overview of bootstrap working | 00:07:44 Duration |
|
Lecture 4 | Understanding the grid system | 00:13:06 Duration |
|
Lecture 5 | Tour to CSS part of the bootstrap | 00:04:56 Duration |
|
Lecture 6 | Tour to Components part of bootstrap | 00:05:40 Duration |
|
Lecture 7 | Javascript components and layoutIt website builder | 00:05:46 Duration |
|
Lecture 8 | Project - responsive landing page part - 1 | 00:13:23 Duration |
|
Lecture 9 | Project - responsive landing page part - 2 | 00:14:07 Duration |
|
Lecture 10 | Project - adding facebook and twitter logins | 00:13:01 Duration |
Section 9 : Project - Pokemon Corporate site, yahoo selling page and Admin Dashboard
|
Lecture 1 | Project pokemon Company adding navigations | 00:15:27 Duration |
|
Lecture 2 | Project pokemon - adding slider | 00:16:22 Duration |
|
Lecture 3 | Project pokemon - adding team section | 00:10:16 Duration |
|
Lecture 4 | Project Pokemon - adding content section | 00:14:26 Duration |
|
Lecture 5 | Project Pokemon - footer and animations | 00:10:13 Duration |
|
Lecture 6 | Yahoo Selling page - navbars | 00:13:09 Duration |
|
Lecture 7 | Yahoo Selling page - complete | 00:09:41 Duration |
|
Lecture 8 | Project AdminDashboard - adding navbars | 00:13:35 Duration |
|
Lecture 9 | Project AdminDashboard - adding left dashboard | 00:11:40 Duration |
|
Lecture 10 | Project AdminDashboard - adding main content | 00:11:08 Duration |
|
Lecture 11 | Project AdminDashboard - complete | 00:08:14 Duration |
Section 10 : Grabbing the tools to learn and write Javascript
|
Lecture 1 | Important note before we move on to javascript | 00:02:55 Duration |
|
Lecture 2 | Getting the tools ready for javascript | 00:07:08 Duration |
Section 11 : Javascript - Basic concept, variables, operations and best practice
|
Lecture 1 | Where to put Javascript | 00:06:23 Duration |
|
Lecture 2 | Getting rid of popups | 00:05:56 Duration |
|
Lecture 3 | Some basic concepts for JS | 00:07:09 Duration |
|
Lecture 4 | Comments for unit testing | 00:04:11 Duration |
|
Lecture 5 | Variables - Naming, syntax and problems | |
|
Lecture 6 | Operations on variables | 00:09:43 Duration |
|
Lecture 7 | A talk on datatypes | 00:11:53 Duration |
Section 12 : Javascript - conditionals and functions
|
Lecture 1 | Conditionals and comparisions | 00:10:36 Duration |
|
Lecture 2 | Switch and case in JS | 00:07:36 Duration |
|
Lecture 3 | For and For In loop in JS | 00:08:27 Duration |
|
Lecture 4 | INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM | |
|
Lecture 5 | About Certification | |
|
Lecture 6 | About Proctor Testing | |
|
Lecture 7 | Global and local variables in JS | 00:03:57 Duration |
|
Lecture 8 | Objects - Usage and Declaration | 00:06:50 Duration |
|
Lecture 9 | Binding functions to events | 00:05:28 Duration |
Section 13 : Javascript - Exceptions, Hoisting and regular expressions
|
Lecture 1 | Catching from exception using try catch | 00:10:20 Duration |
|
Lecture 2 | String in built methods | 00:06:01 Duration |
|
Lecture 3 | Numbers InBuilt methods | 00:05:34 Duration |
|
Lecture 4 | Hoisting and strict | 00:06:56 Duration |
|
Lecture 5 | regular expression Usage in JS | 00:06:30 Duration |
Section 14 : Javascript - functions and closures
|
Lecture 1 | Function basics | 00:06:54 Duration |
|
Lecture 2 | Declaring a function | 00:05:10 Duration |
|
Lecture 3 | calling a function | 00:05:35 Duration |
|
Lecture 4 | Using a function as an object | 00:09:30 Duration |
|
Lecture 5 | Object creation using a function | 00:05:53 Duration |
|
Lecture 6 | Prototyping a function | 00:04:17 Duration |
|
Lecture 7 | Multiple arguments and CALL and APPLY in JS | 00:09:51 Duration |
|
Lecture 8 | Closure in function | 00:07:18 Duration |
Section 15 : Javascript - implementing codes to get content of HTML and change CSS properties
|
Lecture 1 | Clearing DOM and NODES concept | 00:05:58 Duration |
|
Lecture 2 | DOM accessing elements | 00:06:03 Duration |
|
Lecture 3 | creating new nodes using DOM | 00:07:30 Duration |
|
Lecture 4 | Grabbing form content in JS | 00:03:49 Duration |
|
Lecture 5 | Changing CSS properties using JS | 00:04:46 Duration |
|
Lecture 6 | Binding on Mouse events | 00:09:08 Duration |
|
Lecture 7 | Impressive JS resource for future | 00:05:23 Duration |
Section 16 : Javascript projects to practice
|
Lecture 1 | Project - Random Password Gen | 00:14:06 Duration |
|
Lecture 2 | Project - Random Password Gen Styling | 00:11:28 Duration |
|
Lecture 3 | Project - Ticky Clock Styling | 00:08:52 Duration |
|
Lecture 4 | Project - TickyClock javascript | 00:12:10 Duration |
Section 17 : Moving on to learn Jquery - Selectors and events
|
Lecture 1 | Are we on the same page to start Jquery | 00:02:53 Duration |
|
Lecture 2 | Creating Sample exercise files | 00:06:08 Duration |
|
Lecture 3 | Your first Jquery code in action | 00:08:52 Duration |
|
Lecture 4 | Basics of Selectors in Jquery | |
|
Lecture 5 | Basics of events in Jquery | 00:06:26 Duration |
Section 18 : Actions in Jquery - fading, animations and callback functions
|
Lecture 1 | hiding and showing images | 00:06:29 Duration |
|
Lecture 2 | fading out in Jquery | 00:05:43 Duration |
|
Lecture 3 | Slides and Animations in Jquery | 00:06:41 Duration |
|
Lecture 4 | Callbacks and chaining in Jquery | 00:07:21 Duration |
Section 19 : projects in Jquery and using JS plugins
|
Lecture 1 | Getting the HTML, text and form values | 00:06:22 Duration |
|
Lecture 2 | Setting the HTML, text and form values | 00:11:24 Duration |
|
Lecture 3 | Toggle CSS Classes with Jquery | 00:06:46 Duration |
|
Lecture 4 | Project - Image Slider part 1 | 00:12:18 Duration |
|
Lecture 5 | Project - Image Slider part 2 | |
|
Lecture 6 | TypeAhead and CSS challenge | 00:14:02 Duration |
Section 20 : Farewell and a gift
|
Lecture 1 | Farewell and a gift | 00:06:03 Duration |
Section 21 : Bonus TODO project in JS and web hosting details
|
Lecture 1 | Bonus - Todo project and hosting basics | 00:10:13 Duration |
|
Lecture 2 | Adding styles to TODO project | 00:09:05 Duration |
|
Lecture 3 | Javascript for working of todo | 00:16:44 Duration |
|
Lecture 4 | Web hosting as quick as possible |
Section 22 : BONUS updates - FUN projects and tips
|
Lecture 1 | Happy Independence day project in particlesjs | 00:21:07 Duration |
|
Lecture 2 | How to upload your website on live server | 00:12:27 Duration |