Web Development Fullstack Training in Coimbatore

HTML and CSS Course Content:

Module 1: Overview of HTML5Learning Objective:

• New in HTML5
• New DOCTYPE and Character Set
• New and Depreciated Elements
• Semantic Markup
• Simplifying Selection using the Selectors API
• JavaScript Logging and Debugging
• Window.JSON
• DOM Level

Module 2: Using HTML5

• Currently available features
• Browser Support
• Detective native availability of features
• Working with emulation
• Create a web page that verifies the availability of new HTML5 features.

Module 3: Understanding HTML5 Markup

• HTML5 Page Structure
• HTML5 DOCTYPE
• HTML5 markup structural elements
• Semantic elements
• Create a web page that make usage of new structural and semantic elements like main, section, aside, article, header, footer and other semantic elements.

Module 4: HTML5 Forms

• HTML Forms VsXForms
• Functional Forms
• New Form Attributes and Functions
• Placeholder Attribute
• Autocomplete Attribute
• Autofocus Attribute
• List Attribute and datalist Element
• Min and Max attributes
• ValueAsNumber attribute
• Required Attribute
• Checking Forms with Validation
• Validation Feedback
• Develop a product entry form which uses HTML5 form elements and validation attributes.

Module 5: HTML 5 Audio & Video

• The Audio and Video Elements
• Understanding Audio and Video
• Working with Audio and Video Containers
• Understanding Audio and Video Codecs
• Create a web page that displays multiple video and audio using HTML5 video and audio elements.

Module 6: HTML5 Canvas & SVG

• Overview of Canvas Vs. SVG
• Canvas coordinates
• Context
• Pixel Data
• Working with Canvas APIs
• Drawing Operations
• Canvas Transforms
• Understanding and Working with SVG
• Create a web page that makes use of basic Canvas API and also displays svg graphics and drawings.

Module 7: HTML 5 Storage

• Overview of HTML5 Web Storage
• Browser Support for HTML4 Web Storage
• Using the HTML5 Web Storage
• Checking for Browser Support
• Setting and Retrieving Values
• Plugging Data Leaks
• Create a web page that sites and gets data Run HTML5 web storage.

Module 8: CSS3 Overview

• Introducing CSS3
• CSS3 Colors, Gradients and Multiple Backgrounds
• Rounded Corners and Border-Radius
• CSS3 Transforms
• Transitions
• Animations & 2D Transformations
• Web Fonts with @font-face
• CSS3 Multicolumn Layouts
• Develop a web page that enhances the richness of the page using
• CSS3,colours,gradients,border radius, animation, transformations and transitions.

Module 9: CSS3 Flexbox

• Introduction
• Box Model basics
• Container
• Direction
• Wrapping
• Justifying & Alignments
• Display order
• Flexibility
• Alignment
• Create a page that displays product gallery layout coded with flexbox.

Module 10: CSS Grid

• Introduction
• Grid Layout
• Grid Elements
• Placing Grid Lines
• Attaching Elements to the Grid
• Order and Align Items in Grid Layout
• Grid Flow
• Opening Grid Spaces
• Create a page that displays product gallery layout coded with CSS grid

JavaScript Course Content

Introduction

• What is JavaScript?
• What Is AJAX?

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

• Writing your first script
• Internal vs. external scripts
• Using comments in scripts
• Using the NoScript tag in HTML

Interacting with Users

• 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 Rollovers and More

• 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

Building Smarter Forms

• 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

• 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

• 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, and Objects

• 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

Working with Dates and Times

• Displaying dates
• Displaying times
• Creating a countdown

Real-World Applications of JavaScript

• Creating sliding menus
• Creating pop-up menus
• Creating slideshows with captions
• Creating a stylesheet switcher

Syllabus of JQuery Course:

Module 1: jQuery Introduction

• Target Background
• References
• Unit Topics
• What Is jQuery?
• Benefits of Using a JavaScript Library
• jQuery Example
• CSS Selectors
• How to Use jQuery
• Practical Usage Notes
• Background – DOM
• Background - DOM Ready Events
• Background - JavaScript Functions
• The jQuery Function Object
• What Does the $() Function Take as Argument? What Does the $() Function do?
• The jQuery Wrapper
• The jQuery Wrapper as an Array-Like Object Note: innerHTML() vs. .html()
• jQuery Wrapper Chaining
• API Function Notation
• Handling DOM Ready Event
• xhtml Note

Module 2: Selectors

• Background: The Sizzle Selector Engine Selecting Elements by Attribute
• Pseudo-Selectors
• Form Pseudo-Selectors
• Faster Selection
• Selecting Elements Using Relationships
• Selecting Elements Using Filters
• More on Chaining: .end()
• Testing Elements
• Is the Selection Empty?
• Saving Selections
• Iterating Through Selected Elements Using .each() JavaScript Methods
• JavaScript "this"
• Function Context
• The Function call() Method
• .each() Revisited

Module 3: Style Class Manipulation

• Two Options
• Specifying Style Properties
• Setting Style Properties
• .addClass() / .removeClass()
• Defining a Stylesheet
• Setting & Getting Dimensions
• Attributes

Module 4: DOM Manipulation

• The $ Function Revisited
• Getters and Setters
• The text() Element Method
• Appending DOM Elements
• Removing DOM Elements
• Performance

Module 5: Events

• Event Overview
• Old School: Event Handling Using HTML Element Attributes Unobtrusive JavaScript
• Unobtrusive JavaScript Example
• Multiple Handlers
• Using jQuery Wrapper Event Registration Methods The .bind() Method
• Event Propagation
• Handlers for Elements Before They Exist!
• The Event Object
• Triggering Events

Module 6: Utility Functions

• The jQuery Object Revisited
• Functions May Have Methods
• A jQuery Utility Function: $.trim()
• $.each()
• Example jQuery Utility Functions

Bootstrap

• • Introduction of Bootstrap (Responsive)
• • Typography
• • Tables
• • Images, Buttons
• • Grid Structure-Type of columns
• • Forms
• • Jumbortron,
• • well,
• • Panel
• • Navbar, Nav Tab
• • Carousel

React JS Training Course Content:

Module 1: ES6 Primer

• History of Javascript
• What is ES6
• A word on bable
• Block scope, let & const
• Template literals
• Arrow functions
• Spread and Rest operators
• Object literal improvements
• Destructuring
• Classes
• o Inheritance
• o Static properties and methods
• Promises
• Iterators and Iterables
• Generators
• Modules
• Set and Map

Module 2: Introduction to React

• What is React?
• Why React?
• React version history
• React 16 vs React 15
• Just React - Hello World
• Using create-react-app
• Anatomy of react project
• Running the app
• Debugging first react app

Module 3: Templating using JSX

• Working with React.createElement
• Expressions
• Using logical operators
• Specifying attributes
• Specifying children

Module 4: It's all about components

• Significance of component architecture
• Types of components
• o Functional
• o Class based
• o Pure
• Component Composition

Module 5: Working with state and props

• What is state and it significance
• Read state and set state
• Passing data to component using props
• Validating props using propTypes
• Supplying default values to props using defaultProps

Module 6: Rendering lists 

• Using React key prop
• Using map function to iterate on arrays to generate elements

Module 7: Event handling in React 

• Understanding React event system
• Understanding Synthetic event
• Passing arguments to event handlers

Module 8: Understand component lifecycle

• Understand component lifecycle 

Module 9: Working with forms

• Controlled components
• Uncontrolled components
• Understand the significance to defaultValue prop
• Using react ref prop to get access to DOM element

Module 10: Routing with react router

• Setting up react router
• Understand routing in single page applications
• Working with BrowserRouter and HashRouter components Configuring route with Route component
• Using Switch component to define routing rules
• Making routes dynamic using route params
• Working with nested routes
• Navigating to pages using Link and NavLink component Redirect routes using RedirectComponent
• Using Prompt component to get consent of user for navigation Path less Route to handle failed matches

Module 11: Just Redux

• What is redux
• Why redux
• Redux principles
• Install and setup redux
• Creating actions, reducer and store

Module 12: Immutable.js for immutable datastructures

• What is Immutable.js? 
• Immutable collections
• Lists
• Maps
• Sets

Module 13: React Redux

• What is React Redux
• Why React Redux
• Install and setup
• Presentational vs Container components
• Understand high order component
• Understanding mapStateToProps and mapDispatchtToProps usage

Module 14: Redux Saga(Redux middleware) 

• Why redux middleware
• Available redux middleware choices
• What is redux saga
• Install and setup redux saga
• Working with Saga helpers
• Sagas vs promises

Module 15: Unit testing in react

• Understand the significance of unit testing
• Understand unit testing jargon and tools
• Unit testing react components with Jest
• Unit testing react components with enzyme

Module 16: New Features in React JS

• Understand error boundaries (new in React 16)
• Understand react portals (new in React 16)

Module 17: Webpack primer

• What is webpack
• Why webpack
• Install and setup webpack
• Working with webpack configuration file
• Working with loaders
• Quick word on code splitting, lazy loading, tree shaking Setting up Hot Module Replacement

Module 18: Server-side rendering with React

• What is server-side rendering (SSR)?
• Why SSR
• Working with renderToString and renderToStaticMarkup methods

Node.js Certification Training

Course Agenda

Lesson 1: Introduction and Foundation

• Introduction
• The Node.js framework
• Installing Node.js
• Using Node.js to execute scripts

Lesson 2: Node Projects

• The Node Package Manager
• Creating a project
• The package.json configuration file
• Global vs. Local package installation

Lesson 3: Working with shrink-wrap to lock the node modules versions

• What is shrink-wrap
• Working with npmvet
• Working with outdated command

Lesson 4: Working with asynchronous programming.

• Asynchronous basics 
• Callback functions
• Working with Promises
• Advance promises
• Using Request module to make api calls

Lesson 5: Building a HTTP Server with Node.JS using HTTP APIs

• The HTTP protocol 
• Building an HTTP server
• Rendering a response
• Processing query strings
• Processing posted data

Lesson 6: File System

• Synchronous vs. Asynchronous I/O
• Path and directory operations
• __dirname and __filename
• Asynchronous file reads and writes

Lesson 7: Buffers, Streams, and Events

• Using buffers for binary data
• Flowing vs. non-flowing streams
• Streaming I/O from files and other sources
• Processing streams asynchronously

Lesson 8: Multi-Processing in NodeJS

• Working with Child Process API
• Working with Cluster API for multi-core servers

Lesson 9: ExpressJS

• The model-view-controller pattern
• Defining Jade templates
• Configuring Express
• Postman configuration
• Using REST
• JSON Data
• Reading POST data
• CRUD operations
• Adding middleware

Lesson 10: Express JS with MongoDB and Sqlite

• How Node.js connects to databases 
• RDBMS databases and NoSQL databases
• Connecting to RDBMS and Mongodb databases
• Performing CRUD operations 

Lesson 11: Socket.io, The Front-end, and A Chat App

• Getting Started 
• Adding Socket.io To Your App
• Exploring The Front-end
• Sending Live Data Back & Forth
• Creating The Front-end UI
• Showing Messages In App
• Working With Time
• Timestamps
• Show Message Time In Chat App
• Chat application Project

Lesson 12: Introduction to Task Managers with unit testing

• Working with gulp 
• Working with grunt
• Working with unit and E2E testing