Web Development Certification Training Course → Basic selectors

HTML Introduction
- HTML – Elements
- HTML – Tags
- HTML – Text
- HTML – Formatting
- HTML – Pre
- HTML – Attributes
- HTML – Font
- HTML – Text Links
- HTML – Comments
- HTML – Lists
- HTML – Images
- HTML – Image Links
- HTML – Tables
- HTML – Bgcolor
- HTML – Color Codes
- HTML – Color Chart
- HTML – Background
Html Web Forms
- HTML – Forms
- HTML – Input
- HTML – Text Fields
Html Hidden Fields
- HTML – Password
- HTML – Reset
- HTML – Submit
- HTML – Checkboxes
- HTML – Radio
- HTML – Select
- HTML – Hidden Fields
- HTML – Upload
- HTML – Textarea
Html Special Tags
- HTML – Body
- HTML – Meta
- HTML – Style
- HTML – Div
- HTML – Layouts
- HTML – Frames
Html Formatting Tags
- HTML – Bold
- HTML – Paragraphs
- HTML – Headings
- HTML – Line Breaks
HTML - Horizontal Rule
- HTML – Email
- HTML – Italic
Html Semantic Elements
- <article>
- <aside>
- <figcaption>
- <figure>
- <footer>
- <header>
- <mark>
- <nav>
- <progress>
- <section>
- <summary>
- <time>
Html Form Elements
- <datalist>
- <keygen>
- <output>
Html Form Input Types
- Color
- Date
- Datetime
- Datetime-local
- Email
- Month
- Number
- Tel
- Time
- Url
- Search
- Week
- Range
Html Form Attributes
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
CSS Introduction
- CSS Syntax
- CSS Selectors (ID, Class, Tags, Attributes)
- CSS Styling
Styling Backgrounds in CSS
- Styling Text
- Styling Fonts
- Styling Links
- Styling Lists
- Styling Tables
CSS Box Model
- CSS Border
- CSS Outline
- CSS Margin
- CSS Padding
- CSS Dimension
- CSS Display
- CSS Positioning
- CSS Floating
- CSS Navigation Bar
- CSS Image Gallery
- CSS Image Opacity
- CSS Align
CSS3 Introduction
- Borders
- border-radius
- Border Images
- Backgrounds
- Background Size
- background-origin
- Text Effects
- text-shadow
- box-shadow
- Text
- text-overflow
- word-wrap
- word-break
- Fonts
CSS3 Transforms
- 2D Transforms
- 3D Transforms
CSS3 Transitions
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
BootStrap
- Overview of Bootstrap
- Grid System
- Typography
- Code
- Tables
- Forms
- Buttons
- Images
- Helper classes
- Responsive utilities
Introduction to JavaScript
- What is JavaSript?
- What is AJAX?
JavaScript Developer Essentials
- The development workflow
- Selecting the right tools for the job
- Just enough HTML and CSS
- Understanding objects
- Understanding variables
- Making comparisons
- Understanding events
Starting to Code in JavaScript
- Writing your first script
- Internal vs. external scripts
- Using comments in scripts
- Using the NoScript tag in HTML
Interacting with Users in javaScript
- Creating alert dialogs
- Understanding conditional statements
- Getting confirmations from users
- Creating prompts for users
- Understanding functions
- Making links smarter
- Using switch/case statements
- Handling errors
JavaScript Language Essentials
- Getting started
- Creating loops
- Passing values to functions
- Detecting objects
- Reading arrays
- Returning values from functions
- Writing arrays
- Building do and while loops
- Re-using functions
Creating Rollover and More in JavaScript
- Creating a basic image rollover
- How to write a better rollover
- Creating a three-state rollover
- Making rollovers accessible and 508 compliant
- Making disjointed rollovers
- Creating slideshows
- Displaying random images
JavaScript Functions
- Definitions
- Parameters
- Invocation
- Call
- Apply
- Closures
Building Smarter Forms in JavaScript
- Getting started
- Creating jump menus
- Creating dynamic menus
- Requiring fields
- Cross-checking fields
- Displaying more informative errors
- Verifying radio button selections
- Setting one field with another field
- Verifying email addresses
Handling Events in JavaScript
- Responding to window events
- Responding to mouse movements
- Responding to mouse clicks
- Responding to onBlur form events
- Responding to onFocus form events
- Responding to keyboard events
Working with Cookies in JavaScript
- Demystifying cookies
- Writing a cookie
- Reading a cookie
- Displaying a cookie
- Counting with cookies
- Deleting cookies
- Handling multiple cookies
- Cookies in action
The DOM, Nodes & Objects in JavaScript
- Understanding the DOM
- Adding nodes to the DOM
- Deleting nodes from the DOM
- Deleting specific nodes
- Inserting nodes into the DOM
- Replacing nodes in the DOM
JavaScript Browser BOM
- Window
- Screen
- Location
- History
- Navigator
- Popup Alert
- Timing
- Cookies
Working with Dates & Times in JavaScript
- Displaying dates
- Displaying times
- Creating a countdown
JavaScript JSON
- Intro
- Syntax
- Json vs XML
- Data Types
- Parse
- Stringify
- Objects
- Arrays
- PHP
- HTML
- JSONP
Real-World Applications of JavaScript
- Creating sliding menus
- Creating pop-up menus
- Creating slideshows with captions
- Creating a stylesheet switcher
AJAX
- Introduction
- XMLHttp
- Request
- Response
- XML File
- PHP
- ASP
- Database
- Applications
- Examples
Introduction to jQuery
- What is JQuery?
- First jquery code
- Separating scripts
- Selectors
- Replacing content
- Handling events
Animation in JQuery
- Show and hide elements
- Fading
- Hover effects
- Toggle
- Sliding
- Custom animations
Extracting Content in JQuery
- Overview on extracting data
- Basic selectors
- Basic filters
- Advance selectors
- Advance filters
Creating Content Dynamically in JQuery
- Creating content
- Inserting content
- Modifying content
- CSS Manipulation
- Navigating the DOM and using statement chaining
- Wrapping it up
GETTING STARTED WITH ANGULAR
- Building Blocks of Web Application Development
- Web Application Architecture
- Introduction to Angular
- Angular Architecture
- Building blocks of Angular
- Angular Installation
- Angular CLI
- Angular CLI commands
- Understanding files in Angular
- Hands-On
ANGULAR COMPONENTS AND DATA BINDING
- Working of Angular Applications
- Angular App Bootstrapping
- Angular Modules
- Decorators and its types
- Angular Components
- Creating A Component Through Angular CLI
- Ways to specify selectors
- Template and styles
- Installing bootstrap to design application
- Hands-On
DATABINDING AND ANIMATIONS IN ANGULAR
- Databinding
- Types of Databinding
- Component Interaction using @Input and @Output decorator
- Angular Animations
- Component Life-cycle Hooks
- Hands-On
ANGULAR DIRECTIVES AND PIPES
- Understanding Angular Directives
- @Component Directive
- Structural Directives
- Attribute Directives
- Custom Directives
- Pipes
- Built-in Pipes
- Chaining pipes
- Custom pipes
- PipeTransform Interface & Transform Function
- Hands-On
ANGULAR SERVICES AND DEPENDENCY INJECTION
- Angular service
- Need for a service
- Dependency Injection
- Creating a service
- Hierarchical Injector
- Injecting A Service into Another Service
- Observables
- Hands-On
RXJS AND HTTPCLIENT
- RxJS Library
- Angular’s Interaction with Backend
- Parts of an HTTP Request
- HttpClient
- Hands-On
ANGULAR ROUTES AND NAVIGATION
- Angular Router
- Setting Up Routes
- Adding Routes Using RouterLink
- Wildcard and Redirecting Routes
- Adding Navigation Programmatically
- Passing Route Parameters
- Extracting Parameters Using ActivatedRoute
- Optional Route Parameters
- Child Routes
- Route Guards
- Location Strategies
- Hands-On
HANDLING FORMS IN ANGULAR
- Angular forms
- Types of forms
- Underlying building blocks of the form model
- Template-driven vs Reactive forms
- Template-driven forms
- Reactive Forms
- Dynamically adding data to a form
- Hands-On
VALIDATING ANGULAR FORMS
- What is Form Validation?
- Types of Form Validation
- Built-in Validators
- Form control’s status and validity
- Form Validation methods
- CSS classes for Form control
- Custom validators in Template Driven Forms
- Hands-On
AUTHENTICATION WITH JWT AND SECURITY
- What is Authentication?
- Authentication and authorization
- Types of Authentication
- Where to store tokens?
- JSON Web Tokens (JWT)
- Authentication in Angular application
- Security threats in web application
- Hands-On
TESTING AND APPLICATION DEPLOYMENT IN ANGULAR
- Testing
- Why should we perform testing?
- Types of testing
- Testing Angular application using Jasmine and Karma
- Maintaining application code using Git
- Version control system
- Why should we use Git?
- Git file workflow
- Running application on the production server: Nginx
- Architecture of Nginx
- How to configure Nginx?
- Deployment of an application using Docker
- Problems before containers
- How containers solve the problems
- What is Docker?
- Docker file
- Docker image
- Docker containers
- Docker hub
- Basic Docker commands
- Hands-On
INTRODUCTION TO WEB DEVELOPMENT AND REACT
- Building Blocks of Web Application Development
- Single-page and Multi-page Applications
- Different Client-side Technologies
- MVC Architecture
- Introduction to React
- Installation of React
- JSX and its use case
- DOM
- Virtual DOM and its working
- ECMAScript
- Difference between ES5 and ES6
- NPM Modules
- Hands-On
COMPONENTS AND STYLING THE APPLICATION LAYOUT
- React Elements
- Render Function
- Components
- Class Component
- Component Constructor
- Functional Components
- Multiple Components
- Props
- Props with Class-based Component
- Props with Function based Component
- States
- Component Lifecycle
- React Events
- React Forms
- Different Form Concepts
- Styling in React
- Inline Styling
- CSS Stylesheet
- Building Music Shop Application using React Components
- Hands-On
HANDLING NAVIGATION WITH ROUTES
- Routing
- react-router
- Features of react-router
- Configuration of routing using react-router
- Navigation using Links
- 404 page (Not found Page)
- URL Parameters
- Nested Routes
- Implementing styles using NavLink
- Application Programming Interface
- Build a REST API using JSON-server
- API consumption in React application using Fetch method
- Build a dynamic Music Store application using Routing and API connectivity
- Hands-On
REACT STATE MANAGEMENT USING REDUX
- Need of Redux
- What is Redux?
- Redux Architecture
- Redux Action
- Redux Reducers
- Redux Store
- Principles of Redux
- Pros of Redux
- NPM Packages required to work with Redux
- More about react-redux package
- Hands-On
ASYNCHRONOUS PROGRAMMING WITH SAGA MIDDLEWARE
- Need of Async operations
- Async Workflow
- Action Creators
- How to write Action Creators?
- Handling Async Actions via Reducers
- Middleware
- Redux-Saga
- Generators in Redux-Saga
- Saga Methods()
- Major Sections of Redux-Saga
- Building a Product List application using Redux-Saga Middleware
- Debugging application using Redux Devtools
- Hands-On
REACT HOOKS
- Caveat of JavaScript classes.
- Functional components and React hooks
- What are React hooks?
- Basic hooks
- useState() hook
- How to write useState() hook when the state variable is an array of objects
- useEffect() hook
- Fetch API data using useEffect() hook
- useContext() hook
- Rules to write React hooks
- Additional hooks
- Custom hooks
- Hands-On
FETCH DATA USING GRAPHQL
- What is GraphQL?
- Cons of Rest API
- Pros of GraphQL
- Frontend backend communication using GraphQL
- Type system
- GraphQL datatypes
- Modifiers
- Schemas
- GraphiQL tool
- Express framework
- NPM libraries to build the server side of GraphQL
- Build a GraphQL API
- Apollo client
- NPM libraries to build client side of GraphQL
- How to setup Apollo client
- Hands-On
REACT APPLICATION TESTING AND DEPLOYMENT
- Define Jest
- Setup Testing environment
- Add Snapshot testing
- Integrate Test Reducers
- Create Test Components
- Push Application on Git
- Deploy App on Nginx
- Create Docker for React Application
- Hands-On
INTRODUCTION TO REACT NATIVE
- Native Applications
- React Native
- React Native Elements
- Expo CLI
- Build a shopping cart mobile application using React Native
- React Native installation and setup
- Working with Styles and Layout
- Hands-On
BUILDING REACT NATIVE APPLICATION WITH API
- Native modules
- Native Navigation libraries
- Integration of Redux with React Native
- React Native and Redux major components
- Redux Thunk middleware
- NPM libraries
- Shopping cart application using React Native and Redux
- Integration of Redux actions, store, and reducers In React Native application
- Hands-On
Introduction to Node.js
- What is Node.js?
- Why Node.js?
- Installing NodeJS
- Node in-built packages (buffer, fs, http, os, path, util, url)
- Node.js Modules
- Import your own Package
- Node Package Manager (NPM)
- Local and Global Packages
- Push code to GitHub
- Hands-On
File System Module and Express.js
- Get Input from Users
- Pass Multiple Arguments with Yargs
- File System Module
- Operations associated with File System Module
- JSON Data
- HTTP Server and Client
- Sending and receiving events with EventEmitters
- Express Framework
- Run a Web Server using Express Framework
- Routes
- Deploy the application using PM2 and Nginx
- Hands-On
Asynchronous Programming
- Call Stack
- Callbacks, Callback Queue, and Event Loop
- Callback Abstraction
- Callback Chaining
- Promises
- Promise Chaining
- Request Package
- Customizing HTTP Requests
- Error handing with appropriate HTTP codes
- Introduction to template engine (EJS)
- Hands-On
Integration with MongoDB and Email Server
- Introduction to NoSQL Databases and MongoDB
- Installation of MongoDB on Windows
- Installation of Database GUI Viewer
- Inserting Documents
- Querying, Updating, and Deleting Documents
- Connect MongoDB and Node.js Application
- Exploring SendGrid
- Sending emails through Node.js application using SendGrid
- Hands-On
REST APIs and GraphQL
- REST API
- REST API in Express
- Postman
- MongoDB Driver API
- Express Router
- Mongoose API
- GraphQL
- GraphQL Playground
- Hands-On
Building Node.js Applications using ES6
- ES6 variables
- Functions with ES6
- Import and Export withES6
- Async/Await
- Introduction to Babel
- Rest API with ES6
- Browsing HTTP Requests with Fetch
- Processing Query String
- Creating API using ES6
- Transpilation
- Building Dashboard API
- Creating dashboard UI with EJS
- ES6 Aside: Default Function Parameters
- Data Validation and Sanitization
- Hands-On
User Authentication and Application Security
- Authentication
- Types of Authentication
- Session Vs Tokens
- JSON Web Tokens
- Bcrypt
- Node-localstorage
- Hands-On
Dynamic Client-Server Interaction using Socket.IO
- Web Sockets
- Web Sockets
- Socket.io
- Broadcasting Events
- Sharing Your Location
- Event Acknowledgements
- Form and Button States
- Rendering Messages
- Working with Time and Timestamps for determining Location of Messages
- Storing Users, Rendering User List, Tracking Users Joining and Leaving
- Deploying the Chat Application
- Redis – Building API with Redis
- Hands-On
Testing Node.js Applications
- Writing Tests and Assertions
- Testing Asynchronous Code
- Testing an Express Application
- Setup and Teardown
- Testing with Authentication
- Advanced Assertions
- Mocking Libraries
- Wrapping up User Tests
- Setup Task Test Suite
- Testing with Task Data
- Hands-On
Microservices Application
- Why Microservices?
- What are Microservices?
- Why Docker?
- What is Docker?
- Terminologies in Docker
- Child Processes
- Types of child process
- Hands-On
INTRODUCTION TO MONGODB - ARCHITECTURE AND INSTALLATION
- Understanding the basic concepts of a Database
- Database categories: What is NoSQL? Why NoSQL? The benefit over RDBMS
- Types of NoSQL Database, and NoSQL vs. SQL Comparison, ACID & Base Property
- CAP Theorem, implementing NoSQL and what is MongoDB?
- Overview of MongoDB, Design Goals for MongoDB Server and Database, MongoDB tools
- Understanding the following: Collection, Documents and Key/ Values, etc.,
- Introduction to JSON and BSON documents
- Case study discussion
- Environment setup (live Hands-on) and using various MongoDB tools available in the MongoDB Package
SCHEMA DESIGN AND DATA MODELLING
- Data Modelling Concepts
- Why Data Modelling? Data Modelling Approach
- Analogy between RDBMS & MongoDB Data Model, MongoDB Data Model (Embedding & Linking)
- Challenges for Data Modelling in MongoDB
- Data Model Examples and Patterns
- Model Relationships between Documents
- Model Tree Structures
- Model Specific Application Contexts
- Use Case discussion of Data modeling
- Hands-on
CRUD OPERATIONS
- MongoDB Development Architecture
- MongoDB Production Architecture
- MongoDB CRUD Introduction, MongoDB CRUD Concepts
- MongoDB CRUD Concerns (Read & Write Operations)
- Concern Levels, Journaling, etc.,
- Cursor Query Optimizations
- Query Behavior in MongoDB
- Distributed Read & Write Queries
- MongoDB Datatypes
- MongoDB CRUD Syntax & Queries
- Hands-on
INDEXING AND AGGREGATION FRAMEWORK
- Index Introduction, Index Concepts, Index Types, Index Properties
- Index Creation and Indexing Reference
- Introduction to Aggregation
- Approach to Aggregation
- Types of Aggregation (Pipeline, MapReduce & Single Purpose)
- Performance Tuning
- Hands-on
MongoDB ADMINISTRATION
- Administration concepts in MongoDB
- Monitoring issues related to Database
- Monitoring at Server, Database, Collection level, and various Monitoring tools related to MongoDB
- Database Profiling, Locks, Memory Usage, No of connections, page fault, etc.,
- Backup and Recovery Methods for MongoDB
- Export and Import of Data to and from MongoDB
- Run time configuration of MongoDB
- Production notes/ best practices
- Data Managements in MongoDB (Capped Collections/ Expired data from TTL), Hands-on Administrative Tasks
- Hands-on
SCALABILITY AND AVAILABILITY
- Introduction to Replication (High Availability)
- Concepts around Replication
- What is Replica Set and Master-Slave Replication?
- Type of Replication in MongoDB
- How to set up a replicated cluster & managing replica sets etc.,
- Introduction to Sharding (Horizontal Scaling)
- Concepts around Sharding, what shards, Key
- Config Server, Query Router, etc.
- How to set up a Sharding
- Type of Sharding (Hash-Based, Range, Based, etc.), and Managing Shards
- Hands-on
MongoDB SECURITY
- Security Introduction
- Security Concepts
- Integration of MongoDB with Jaspersoft
- Integration of MongoDB with Pentaho
- Integration of MongoDB with Hadoop/Hive
- Integration of MongoDB with Java
- Integration of MongoDB with GUI Tool Robomongo
- Case Study MongoDB and Java
- Hands-on
APPLICATION ENGINEERING AND MongoDB TOOLS
- MongoDB Package Components
- Configuration File Options
- MongoDB Limits and Thresholds
- Connection String URI Format/ Integration of any compatible tool with MongoDB API and Drivers for MongoDB
- MMS (MongoDB Monitoring Service)
- HTTP and Rest Interface
- Integration of MongoDB with Hadoop and Data Migration MongoDB with Hadoop (MongoDB to Hive)
- Integration with R
- Hands-on
MongoDB ON THE CLOUD
- Overview of MongoDB Cloud products
- Using Cloud Manager to monitor MongoDB deployments
- Introduction to MongoDB Stitch
- MongoDB Cloud Atlas
- MongoDB Cloud Manager
- Working with MongoDB Ops Manager
- Hands-on
DIAGNOSTICS AND FIXES
- Overview of tools
- MongoDB Diagnostic Tools
- Diagnostics Commands
- MongoDB Deployment
- Setup & Configuration, Scalability, Management & Security
- Slow Queries
- Connectivity
- Hands-on

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Get Your Free Demo Class

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Pages

Courses

Get your free demo class

Web Development Certification Training Course

HTML Introduction

Html Web Forms

Html Hidden Fields

Html Special Tags

Html Formatting Tags

HTML - Horizontal Rule

Html Semantic Elements

Html Form Elements

Html Form Input Types

Html Form Attributes

CSS Introduction

Styling Backgrounds in CSS

CSS Box Model

CSS3 Introduction

CSS3 Transforms

CSS3 Transitions

BootStrap

Introduction to JavaScript

JavaScript Developer Essentials

Starting to Code in JavaScript

Interacting with Users in javaScript

JavaScript Language Essentials

Creating Rollover and More in JavaScript

JavaScript Functions

Building Smarter Forms in JavaScript

Handling Events in JavaScript

Working with Cookies in JavaScript

The DOM, Nodes & Objects in JavaScript

JavaScript Browser BOM

Working with Dates & Times in JavaScript

JavaScript JSON

Real-World Applications of JavaScript

AJAX

Introduction to jQuery

Animation in JQuery

Extracting Content in JQuery

Creating Content Dynamically in JQuery

GETTING STARTED WITH ANGULAR

ANGULAR COMPONENTS AND DATA BINDING

DATABINDING AND ANIMATIONS IN ANGULAR

ANGULAR DIRECTIVES AND PIPES

ANGULAR SERVICES AND DEPENDENCY INJECTION

RXJS AND HTTPCLIENT

ANGULAR ROUTES AND NAVIGATION

HANDLING FORMS IN ANGULAR

VALIDATING ANGULAR FORMS

AUTHENTICATION WITH JWT AND SECURITY

TESTING AND APPLICATION DEPLOYMENT IN ANGULAR

INTRODUCTION TO WEB DEVELOPMENT AND REACT

COMPONENTS AND STYLING THE APPLICATION LAYOUT

HANDLING NAVIGATION WITH ROUTES

REACT STATE MANAGEMENT USING REDUX

ASYNCHRONOUS PROGRAMMING WITH SAGA MIDDLEWARE

REACT HOOKS

FETCH DATA USING GRAPHQL

REACT APPLICATION TESTING AND DEPLOYMENT

INTRODUCTION TO REACT NATIVE

BUILDING REACT NATIVE APPLICATION WITH API

Introduction to Node.js

File System Module and Express.js

Asynchronous Programming

Integration with MongoDB and Email Server

REST APIs and GraphQL

Building Node.js Applications using ES6

User Authentication and Application Security