Html/Html 5 Elements
- What are tags and elements
- What are attributes
- Purpose of HTML
- Html Document anatomy
- Html Validation
- More about Doctypes
- Html Document Head
- Title
- Meta tag
- Charset
- Style tag
- Script tag
- Link tag
- Base tag
- A complete overview of head
- Html Body
- Content types/ Data types
- What is Semantic?
- Block vs Inline elements
- Text format
- Display different type of text content
- Header tags
- White spaces
- Formatting etc
- Html entities
Links
- Anchor tags
- Target, title attributes
- Relative vs Absolute
- Id links and External id links
- Access Keys
Html Lists
- Unordered list
- Ordered list
- Definition list
- Nested list
Table
- Table structure
- Semantic Table structure
- Rows – Columns
- Col Span
- Row Span
- Cell padding, Cell spacing
- Borders and formatting table
- Images and objects
- Embedding images
- Working with Transparent images
- Embedding Video audio
- Object tag with params
- Html5 video audio embedding system
- Browser compatibility issues and how to overcome
- Html forms
- Form tag
- Input types
- Accessible forms
- URL Encoding
- Layouts and semantic html layout structure
- Usability & Accessibility standards
- Creating pure html template
- Conditional statements
- Improve Performance
- HTML 4 vs HTML 5
CSS
- What is CSS?
- Types of CSS
- Syntax
- Selectors
- Colours
- Lengths & Percentages
- Formatting HTML elements
- CSS box model
- Grouping
- Nesting
- Pseudo-classes and elements
- Floats
- Display property
- Positions
- Layers
- Background images
- Shorthand properties
- CSS specificity
- CSS 3 new features
- Rounded corners
- Gradients
- Embedding fonts
- Transitions
- Miscellaneous other features
- Layouts
- Fixed layouts
- Fluid Layouts
- RWD
- UCD
- Discussing other layout types
- Working with project
- Embedding Fonts
- Media queries
RWD
- What is RWD
- RWD Viewports
- RWD Videos/Images
- Working with an RWD project with core technologies
- RWD Frameworks Overview
Improving Performance
- Optimizing CSS
- CSS Browser Hacks
- Compatibility issues and how to solve
Bootstrap RWD Framework
- What is bootstrap?
- Exploring bootstrap
- Layout system
- Grid system
- Components
- Exploring all other features
- Creating Project with bootstrap
DOM
- What is Dom?
- Working with dom?
- Dom structure
- Traversing Dom
- Working on CRUD with DOM
Javascript
- Data types
- Numbers
- Strings
- Boolean
- Undefined
- Null
- Arrays
- Objects
- Variables
- Comments
- Operators
- Arithmetic operators
- Comparison operators
- Logical operators
- Assignment operators
- Conditional operator
Conditional Statements
- If , if else, if else if
- Switch
Loops
- While loop
- Do while loop
- For loop (Advance concepts how to optimize)
- For in loop (will be discussed in objects)
Functions
- Defining function
- Types of defining functions and types of calling functions
- Function statements
Working parameters
- Passing params to functions
- Working with ‘N’ number of params
- Special Arguments array
- Return statements
- Anonymous functions
- Nested functions
- A function that return functions
- Self-invoking functions
- Literal functions
- Scopes
- Lexical scope
- Closures
- Closures in Loop
Objects /Prototype & patterns (Object-oriented javascript)
- What are objects?
- Defining Objects?
- Properties and methods
- Inheritance
- Prototype
- Js patterns
- Singleton pattern
- Constructor pattern
- Discussing other patterns
- Linking objects with another object
- Accessing other object properties and methods
- Data Structures
- Application Data Structures
- Looking into other frameworks (special topic)
Arrays
- Defining arrays
- Exploring arrays properties
- Exploring array methods
- Working with multi-dimensional arrays
- Looping array data
- More Advanced concepts in Arrays and array methods
Javascript Built-in Functions and objects
- String
- Date
- Math
- Regex . . .
- BOM, DOM, Window,
Events
- Exploring event types
- Binding events
- Optimal way of attaching events
- Event Phases
- Capturing
- Bubbling
- Targeting
- Event Delegation
- Prevent Default
- Stop propagation
- Stop immediate propagation
- Exploring other event methods
- Working with timeout functions
- Ajax with Core javascript
- Form handling with javascript
- Working with Core javascript project
- Cookies
- Error Handling
- Debugging
- JS Miscellaneous
JQuery
- What is JQeury?
- Embedding JQuery to HTML documents
- Jquery Selectors
- JqueryCss
- Jquery Dimensions
- Manipulation
- Traversing
- Jquery Events
- Jquery Effects
- Ajax
- Data manipulation from Dynamic sources
- Services
REST
- SOAP overview
- Form Validation
- Project With JQuery
- Plugins
- Exploring Jquery UI
Angular Js
- What is Angular Js?
- Exploring Angular Features
- What is MVC Architecture?
- Angular MV* Structure
- Directives
- Expressions
- Controllers
- Filters
- Other DOM Activities with Angular
- Components
- Angular Module
- Ajax
- Angular modules overview
- Angular Project modular based on the latest APP architecture.
- Varies App structure overview
Node js
- Node Js Fundamentals
- Application Environment setup with Node, Bower etc
HTML5 API
- Exploring HTML5 new features
- GEO Location
- Drag/Drop
- Local Storage
- App Cache
- WEB Workers
- SSE