Introduction to CSS:

• Introduction
• Course Overview
• Topics Covered
• Accelerated Introduction to CSS3
• CSS Syntax
• Getting Started with Visual Studio
• Examining the HTML Source
• Adding Style to HTML
• Simple CSS3 Syntax

Content :

• Introduction
• Fonts
• Text Shadow
• Font Face
• Text Shadow
• Selectors
• Positional Selectors
• Styling Form Inputs
• Stateful Selectors

Layout:

• Introduction
• Layouts
• Box Layout
• Vendor Prefixes
• Columns
• Background
• Multiple Image Background

Colors:

• Introduction
• Opacity
• RGBA and HSLA
• Alpha
• currentColor
• Colors
• Gradients
• Borders:

Resizable Borders

• Rounded Corners
• Borders
• Shadowing
  Complex Box Shadows

Transforms:

• Introduction
• Rotate
• Skew
• Scale
• Translate
• Transforms

Animations:

• Introduction
• Animations
• Key Frames
• Key Frames and Animations
• Animations
• Transitions

Media Queries:

• Introduction
• Brief Overview of Responsive Design
• Responding to Viewing Dimensions
• Responding to Device Constraints
• Site before changes
• Applying Media Queries

• Introduction
• Carousel
• Collapse
• Jumbotron
• Panels
• Tabs
• Table
• Glyphicon
• Tabs
• Button
• Badges
• Pill
• Grid
• Labels
• Navbar
• Form
• Progress bar
• Inputs
• Image
• Pagination
• Modals
• Alert
• Pager
• Tooltip
• Card
• List group
• Popover
• Container
• Dropdown
• Scrollspy

Overview of Java Script

• Where does Java Script Fit in?
• Comparing Products
• Comparing Java Script to Java
• The Purpose of Java Script
• Prerequisites
• Building a Java Script Program

Using Java Script in an HTML Document

• Hiding Java Script from old Web Browsers
• Reviewing HTML

Basic Syntax Used in Java Script Commands

• Basic Commands
• Variables

Overview of Variables

• Assigning Values to Variables
• Concatenating String Variables

Functions

• Creating & Calling Function
• Sending Parameters to a Function
• Receiving Parameters out of a function
• Variable scope & Lifetime
• Functions Called by Events

Flow Control Structures

• If Structure
• If Else Structure
• For Loop
• While Loop
• For/in Structure

Operators

• Unary Operators
• Numeric Operators
• Logical Operators

String Processing

• Length
• Converting to all Upper or Lower Case
• Index of
• Last Index of
• Char At
• Substr.

Objects

• Standard Java Script Functions
• Creating an Object
• Adding Functions to an Object
• Multiple Instances of an Object type

History Object

• Accessing the History Object
• Creating Buttons
• History.Go Method

Date Object

• Creating a Date Object
• Setting the Date & Time by a Single String
• Separating Variables with Commas
• Displaying the Date & Time
• Time Zones
• Extracting the Date
• Extracting the Hrs
• Set Date Method
• Set Time
• Non-Data Object Functions

Using Objects like Arrays

• Creating an Array
• For Loop

Events

• Time Status
• Buttons

Location Objects

• Loading a Web Page from the Clients Hard Drive
• Receiving a Document off the Web Server
• Anchors & Hypertext Links
• Tracking the on Click Event

Form Objects

• Button Objects
• Text Objects
• Text Area Objects
• Hidden Objects
• Check Box Objects
• Radio Button Objects
• Selecting Objects
• On Change Events

HTTP Cookies

• The Cookie Property
• Setting the Cookie Property
• GetCookie()
• SetCookie()
• DeleteCookie()
• Scope
• Lifetime

Form Validation

• Trapping Empty Fields
• Finding Invalid Values
• Intercepting the Submit Button

Introduction

• What You Should Already Know
• What is jQuery ?
• Adding the jQuery Library to Your Pages
• Basic jQuery Example
• Downloading jQuery
• Alternatives to Downloading
• jQuery Syntax
• The Document Ready Function
• How to use Custom Scripts?
• Using Multiple Libraries
• jQuery – noConflict() Method

jQuery – Basics

• String
• Numbers
• Boolean
• Objects
• Arrays
• Functions
• Arguments
• Scope
• Built-in Functions

jQuery – Selectors

• How to use Selectors?
• jQuery – CSS Element Selector and ID Selector
• jQuery – CSS Element Class Selector and Universal Selector
• jQuery – CSS Multiple Elements E, F, G Selector
• jQuery Callback Functions

jQuery – DOM Attributes

• Get Attribute Value
• Set Attribute Value
• jQuery – DOM Traversing
• Find Elements by index
• Filtering out Elements
• Locating Descendent Elements
• JQuery DOM Traversing Methods

jQuery – CSS Methods

• Apply CSS Properties and Multiple CSS Properties
• Setting Element Width & Height
• JQuery CSS Methods

jQuery – DOM Manipulation Methods

• Content Manipulation
• DOM Element Replacement
• Removing DOM Elements
• Inserting DOM elements
• DOM Manipulation Methods
• Binding event handlers
• Removing event handlers
• Event Types
• The Event Object and Attributes

jQuery – Effects

• JQuery Effect Methods, Hide and Show
• jQuery Toggle
• jQuery Slide – slideDown, slideUp, slideToggle
• jQuery Fade – fadeIn, fadeOut, fadeTo
• jQuery Custom Animations

jQuery – AJAX

• load()
• get()
• post()
• ajax()

jQuery – JSON

• getJSON()

Node JS Modules

• Functions
• Buffer
• Module
• Modules Types
• Core Modules
• Local Modules
• Modules Exports

Node Package Manager

• What is NPM
• Installing Packages Locally
• Installing package globally
• Adding dependency in package Json
• Updating packages

Creating Web Server

• Creating Web Server
• Sending Requests
• Handling HTTP requests

File System

• Read File
• Writing a File
• Opening a File
• Deleting a File
• Writing a file asynchronously
• Other I/O Operations

Debugging Node JS Application

• Core Node JS Debugger

Events

• Event Emitter class
• Inheriting Events
• Returning event emitter

Serving Static Resources

• Serving Static Files
• Working with Middle Ware

Database Connectivity

• Connecting String
• Configuring
• Updating Records
• Working with Select Command
  Deleting Records

Introducing Angular

• What is Angular?
• Central Features of the Angular Framework
• Appropriate Use Cases
• Building Blocks of an Angular Application
• Basic Architecture of an Angular Application
• Installing and Using Angular
• Anatomy of an Angular Application
• Running the Application

Introduction to TypeScript

• TypeScript Syntax
• Programming Editors
• The Type System – Defining Variables
• The Type System – Defining Arrays
• Type in Functions
• Type Inference
• Defining Classes
• Class Methods
• Class Constructors
• Class Constructors – Alternate Form
• Interfaces
• Working with ES6 Modules
• Visibility Control
• var vs let
• Arrow Functions
• Arrow Function Compact Syntax
• Arrow Function and Caller Context
• Template Strings
• Generics in Class
• Generics in Function

 Components

• What is a Component?
• An Example Component
• Creating a Component Using Angular CLI
• The Component Class
• The @Component Decorator
• Registering a Component to Its Module
• Component Template
• Using a Component
• Run the Application
• Component Hierarchy
• The Application Root Component
• The Bootstrap File

Component Templates

• Templates
• Template Location
• The Mustache {{ }} Syntax
• Setting DOM Element Properties
• Event Binding
• Expression Event Handler
• Prevent Default Handling
• Attribute Directives
• Apply Styles by Changing CSS Classes
• Example: ngClass
• Applying Styles Directly
• Structural Directives
• Conditionally Execute Template
• Example: ngIf
• Looping Using ngFor
• ngFor Local Variables
• Manipulating the Collection
• Example - Deleting an Item
• Item Tracking with ngFor
• Swapping Elements with ngSwitch
• Template Reference Variable

Inter Component Communication

• Communication Basics
• The Data Flow Architecture
• Preparing the Child to Receive Data
• Send Data from Parent
• More About Setting Properties
• Firing Event from a Component
• @Output () Example - Child Component
• @Output () Example - Parent Component
• Full Two-Way Binding
• Setting up Two Way Data Binding in Parent

Template Driven Forms

• Template Driven Forms
• Importing Forms Module
• Basic Approach
• Setting Up a Form
• Getting User Input
• Omitting ngForm Attribute
• Initialize the Form
• Two Way Data Binding
• Form Validation
• Angular Validators
• Displaying Validation State Using Classes
• Additional Input Types
• Checkboxes
• Select (Drop Down) Fields
• Rendering Options for Select (Drop Down)
• Date fields
• Radio Buttons

 Reactive Forms

• Reactive Forms Overview
• The Building Blocks
• Import ReactiveFormsModule
• Construct a Form
• Design the Template
• FormControl Constructor
• Getting Form Values
• Setting Form Values
• The Synchronous Nature
• Subscribing to Input Changes
• Validation
• Built-In Validators
• Showing Validation Error
• Custom Validator
• Using a Custom Validator

Services and Dependency Injection

• What is a Service?
• Creating a Basic Service
• The Service Class
• What is Dependency Injection?
• Injecting a Service Instance
• Injectors

Pipes and Data Formatting

• What are Pipes?
• Built-In Pipes
• Using Pipes in HTML Template
• Chaining Pipes
• The number Pipe
• Currency Pipe
• Create a Custom Pipe
• Custom Pipe Example
• Using Custom Pipes
• Using a Pipe with ngFor
• A Filter Pipe

HTTP Client

• The Angular HTTP Client
• Using The HTTP Client - Overview
• Importing HttpClientModule
• Simple Example
• Service Using HttpClient
• ES6 Import Statements
• Making a GET Request
• What does an Observable Object do?
• Using the Service in a Component
• Error Handling
• Customizing Error Object with. catch ()
• Making a POST Request
• Making a PUT Request
• Making a DELETE Request

The Angular Component Router

• The Component Router
• View Navigation
• The Angular Router API
• Creating a Router Enabled Application
• Hosting the Routed Components
• Navigation Using Links and Buttons
• Programmatic Navigation
• Passing Route Parameters
• Navigating with Route Parameters
• Obtaining the Route Parameter Values
• Retrieving a Route Parameter
• Routing Enabled Feature Module
• Using the Feature Module
• Lazy Loading the Feature Module
• Creating Links for the Feature Module
• Components
• More About Lazy Loading
• Preloading Modules
• routerLinkActive binding
• Default Route
• Wildcard Route Path
• redirectTo
• Child Routes
• Defining Child Routes
• for Child Routes
• Links for Child Routes
• Navigation Guards
• Creating Guard Implementations
• Using Guards in a Route

Advanced HTTP Client

• Request Options
• Returning an HttpResponse Object
• Setting Request Headers
• Creating New Observables
• Creating a Simple Observable
• The Observable.create() Method
• Observable Operators
• More About map
• Piping Operators
• The flatMap() Operator
• The tap() Operator
• The zip() Operator
• Caching HTTP Response
• Making Sequential HTTP Calls
• Making Parallel Calls
• Customizing Error Object with catchError ()

Architecture Foundation

• Service Providers
• Service Containers
• Facades
• Request Life Cycle
• Request Life Cycle

Setup & Installation

• Requirement
• Installation
• Web Server Configuration
• Project Structure

Basic Routing

• Basic Routing
• Route Parameters

Responses

• Views
• Redirects
• Custom Responses

Middleware

• Introduction
• Defining Middleware
• Registering Middleware

Controllers

• Introduction
• Basic Controllers
• Controller Middleware
• Implicit Controllers
• RESTful Resource Controllers

Blade Templates

• Creating Templates
• PHP Output
• Control Structures
• Templates
• Template Inheritance

Advance Routing

• Named Routes
• Secure Routes
• Parameter Constraints
• Route Prefixing
• Domain Routing

URL Generation

• The Current URL
• Generating Framework URLS
• Asset URLs
• Generation Shortcuts

Request Data

• Retrieval
• Old Input
• Upload Files
• Cookies

Forms

• Forms
• Fields
• Buttons
• Security

Validation

• Validation
• Controller Validation
• Form Request Validation
• Working with Error Messages
• Error Messages and Views
• Available Validation Rules
• Custom Error Messages
• Custom Validation Rules

Basic Database Usage

• Configuration
• Read/Write Connections
• Running Queries
• Database Transaction
• Accessing Connections

Query Builder

• Introduction
• Selects
• Join
• DML Queries

Schema Builder

• Creating Tables
• Column Types
• Special Column Types
• Column Modifiers
• Updating Tables
• Dropping Tables
• Schema Tricks

Migrations

• Basic Concept
• Creating Migration
• Rolling Back
• Migration Tricks

Eloquent ORM

• Creating new models
• Reading Existing Models
• Updating Existing Models
• Deleting Existing Models

Eloquent Queries

• Preparation
• Eloquent to string
• Query Structure
• Magic Queries
• Query Scopes

Eloquent Relationship

• Relationships
• Implementing Relationship
• Relating and Querying

Practical Application Development with Laravel Services & Angular 

• Creating and Using Rest API using Laravel, Angular and MySQL