INFINITE GRAPHIX

TECHNOLOGIES PVT LTD

Full Stack
Development Course
Build up your skills.
Step up your career OOR, ABOVE BANK OF BARODA,

2ND FL
J.M.ROAD, SHIVAJI NAGAR, PUNE

1.
 Diploma In Web Page Designing &
Web Development

Front End Web Technologies - Module I

HTML5 – HYPERTEXT MARKUP LANGUAGE

INTRODUCTION TO HTML
• Getting started with HTML
• What’s in the head? Metadata in HTML
• HTML Text Fundamentals
• Creating hyperlinks
• Advanced text formatting
• Document and Website structure
• Debugging HTML

MULTIMEDIA AND EMBEDDING

• Images in html
• Video and Audio Content
• From <object> to <iframe> - Other embedding technologies
• Adding Vector Graphics to the Web – SVG
• Responsive Images

2.
HTML TABLES

• HTML Table basics

• HTML Table advanced features and accessibility.

HTML FORMS

• Introductory Guides
o Your rst form
o How to structure a web forms
• The dierent Forms controls
o Basics native forms controls
o The HTML5 Input types
• Other form controls

FORM STYLING GUIDES

• Styling Web Forms

• Advanced form styling
• UI Pseudo-classes

3.
 CSS3 – CASCADING STYLES SHEET

CSS INTRODUCTION

• What is CSS?
• How to use in HTML?

CSS CONCEPTS

• CSS Syntax
• CSS Basic Selectors – element, id and class
• CSS Properties and Values
• CSS Shorthand Properties
• CSS Box Model
• CSS Layout – Grid, Flex box, Float and Table
• CSS Styling Text
• CSS Styling Images
• CSS Styling Forms Fields
• CSS Styling Tables
• CSS Styling Font
• CSS Responsive Design – Media Query
• CSS Multimedia Styles – Images
• CSS Animations
• CSS Selectors
• CSS All Properties and values

4.
 JAVASCRIPT COMPLETE GUIDES

GETTING STARTED
• JavaScript Setup
• Hello World Example
• JavaScript Output

JAVASCRIPT INTRODUCTION
• What is JavaScript?
• Where to use JavaScript?

JAVASCRIPT CONCEPTS
• JavaScript Reserved Words or Keywords
• JavaScript Statements and Statements Syntax
• JavaScript Comments
• JavaScript Variables, Data Types and Literals
• JavaScript Operators and Operators Types
• JavaScript Decision Making and Looping
• JavaScript String Handling – string and string methods
• JavaScript Array and Array Methods
• JavaScript Functions, Function Constructors
• JavaScript Events
• JavaScript Objects, prototypes, inheritance
• JavaScript Math and Math methods
• JavaScript Date and Date Formatting
• JavaScript Scope
• JavaScript Hoisting mechanism

5.
• JavaScript Type Conversion
• JavaScript Error, Exception Handling
• JavaScript Regular Expressions
• JavaScript Random object
• JavaScript this keyword
• JavaScript JSON
• JavaScript Document Object Model (DOM)
• JavaScript Browser Object Model (BOM)
• JavaScript JQuery
• JavaScript Ajax
• JavaScript Strict Mode
• JavaScript Styles Guides
• JavaScript Mistakes
• JavaScript New Features
o let, const
o Arrow function
o JavaScript – classes, constructor, set and get metho
inheritance
o Array high-order functions
o JavaScript Synchronization - promises, callbacks,
async/ await
o JavaScript Server data Communication – fetch API.
o JavaScript Modules – imports and exports
• JavaScript Debugging and Performance
• JavaScript Best Practices with examples
• JavaScript Web APIs – History, Storage, Geolocations
• JavaScript Standards ECMAScript (ES2015/ES6, 2017, 20
2019, 2020)

6.
RESPONSIVE WEB DESIGN WITH BOOTSTRAP4

• Introduction to Responsive Design

• Common device dimensions
• View-port tag
• Using css media queries
• Menu conversion script
• Basic Custom Layout
• Introduction to Bootstrap
• Installation of Bootstrap
• Grid System
• Forms
• Buttons
• Icons Integration
• Using CSS3 in Practical Layout

7.
Front End Web Technologies - Module II
ANGULAR

GETTING STARTED
• Angular Setup
• Angular First Application
• Angular Application Structure
• Angular Application Execution Flow

ANGULAR INTRODUCTION
• What is Angular?
• Angular Building Blocks
• Angular Real Time Usage

MAIN CONCEPTS
• Angular Components
• Angular Templates
• Angular Directives
• Angular Dependency Injection (DI)

ANGULAR BUILT-IN FEATURES

• Router and Navigations
• Forms
• HTTP Client
• Internationalization(i18n)

8.
• Animations
• Service Worker and PWA
• Schematics

ANGULAR BEST PRACTICES

• Security
• Accessibility
• Keeping Up-to-Date
• Property Binding Best Practices
• Testing
• Dev Workow
• Lightweight Injections Token for libraries

ANGULAR TOOLS
• CLI Builders
• Server-side Rendering
• Language Service

ANGULAR REFERENCES
• NgModules
• Observable & RxJS
• CLI Commands Reference
• Database Integrations
• Angular Backend Integrations – Node.js or DJango
or Spring or Php

9.
 REACT.JS

GETTING STARTED
• Add React to a Website
• Create a New React App
• CDN Links

REACT INTRODUCTION
• What is ReactJS?
• First React App
• React App Structure
• React App Execution Flow

MAIN CONCEPTS
• Hello World
• Introducing JSX
• Rendering Elements
• Components and Props
• State and Lifecycle
• Handling Events
• Conditional Rendering
• Lists and Keys
• Forms
• Lifting State Up
• Composition vs Inheritance
• What Next – Thinking in React

10.
ADVANCED GUIDES
• Accessibility
• Code Splitting
• Context
• Error Boundaries
• Forwarding Refs
• Fragments
• Higher-Order Components
• Integrating with Other Libraries
• JSX in Depth
• Optimizing Performance
• Portals
• Proler
• React Without ES6
• React Without JSX
• Reconciliation
• Refs and the DOM
• Render Props
• Static Type-checking
• Strict Mode
• Typechecking With Prop Types
• Uncontrolled Components
• Web Components

11.
HOOKS
• Introducing Hooks
• Hooks at a Glance
• Using the State Hook
• Using the Eect Hook
• Rules of Hooks
• Building Your Own Hooks
• Hooks API Reference

TESTING
• Testing Overview
• Testing Recipes
• Testing Environments
CONCURRENT MODE
• Introducing Concurrent Mode
• Suspense For Data Fetching
• Concurrent UI Patterns
• Adopting Concurrent Mode
• Concurrent Mode API
API REFERENCE
• React & React.Component
• ReactDOM
• ReactDOMServer
• DOM Elements
• SyntheticEvent

12.
• Test Utilities
• Test Renderer
• JS Environment Requirements

REACT BEST PRACTICES

• React Database Integration
• React Server Data Communication
• React Statement Management Library – Redux
• React Router Navigation
React Backend Integration
a. React With Node Express
b. React With Python DJango
c. React With Java Spring
d. React With Php

13.
 VUE.JS

• Installation – CDN, NPM & CLI

• Introduction – What is Vue.js?
• The VUE Instance - Creating Instance, Data & Methods
and Lifecycle Hooks
• Template Syntax – Interpolations, Directives and
Shorthands
• Computed Properties and Watchers
• Class and Styles Bindings – Binding HTML Classes &
Inline Styles
• Conditionals Rendering
• List Rendering
• Event Handling
• Form Input Bindings
• Components Basics
• Component Registration
• Props, Custom Events & Slots
• Dynamic & Async Components
• Handling Edge Cases
• Transition & Animation – Enter/Leave, List Transition
• Reusability & Composition – Mixings, Custom Directives
JSX, Plugins & Filters
• Tooling – Single File Components, Testing, Typescript
support & Production Deployment
• Scaling Up – Routing, State Management, SSR & Secur
• Internals – Reactivity In Depth

14.
Back End Web Technologies - Module I
NODE.JS

INTRODUCTION TO NODEJS
• A brief history of Node.js
• How to install Node.js
• How much JavaScript do you need to know to
use Node.js?
• Dierences between Node.js and the Browser

GETTING STARTED

• The V8 JavaScript Engine

• Run Node.js scripts from the command line
• How to exit from a Node.js program
• How to read environment variables from Node.js
• How to use the Node.js REPL
• Node.js, accept arguments from the command line
• Output to the command line using Node.js
• Accept input from the command line in Node.js
• Expose functionality from a Node.js le using exports
• An introduction to the npm package manager
• Where does npm install the packages?
• How to use or execute a package installed using npm
• The package.json guide
• The package-lock.json le
15.
• Find the installed version of an npm package
• Install an older version of an npm package
• Update all the Node.js dependencies to their latest versio
• Semantic Versioning using npm
• Uninstalling npm packages
• npm global or local packages
• npm dependencies and devDependencies
• The npx Node.js Package Runner
• The Node.js Event Loop
• Understanding process.nextTick()
• Understanding setImmediate()
• Discover JavaScript Timers
• JavaScript Asynchronous Programming and Callbacks
• Understanding JavaScript Promises
• Modern Asynchronous JavaScript with Async and Await
• The Node.js Event emitter
• Build an HTTP Server
• Making HTTP requests with Node.js
• Make an HTTP POST request using Node.js
• Get HTTP request body data using Node.js
• Working with le descriptors in Node.js
• Node.js le stats
• Node.js File Paths
• Reading les with Node.js
• Writing les with Node.js
• Working with folders in Node.js

16.
• The Node.js fs module
• The Node.js path module
• The Node.js os module
• The Node.js events module
• The Node.js http module
• Node.js Buers
• Node.js Streams
• Node.js, the dierence between development and
production
• Error handling in Node.js
• How to log an object in Node.js

17.
 EXPRESS.JS

GETTING STARTED

• Installing
• Hello World Example
• Express Generators
• Basic Routings
• Static Files
GUIDES
• Routing
• Writing Middleware
• Using Middleware
• Overriding the Express APIs
• Using Template Engine
• Error Handling
• Debugging
• Express Behind Proxies
• Authentication and Authorization
• Moving to Express 4
• Moving to Express 5
• Database Integrations

18.
 PYTHON DJANGO

• Getting Started – DJango Installation

• Introduction – What is DJango? Where to use
• Create a project, The Development Server, Create a
rst app & Write a rst view
• Database Setup, Creating models, Activating models,
Playing with API & Introducing Admin
• Working with views.py in depth – Handling Request
and Response
• Working urls.py in depth – Routing and Navigation
• Working with settings.py in depth – Project and
Apps Settings
• Working with Templates
• Working with models and databases
• Working with forms
• Working with Multiple Apps
• Working with Session Managements
• Working with Authentication and Authorization
• Working with class-based views
• Working with migrations
• Sending emails
• Internationalization and Localization
• Logging and Paginations
• Security in DJango.

19.
 PHP

• Getting Started – Installation & Conguration

• Introduction – What is PHP? and What can PHP do?
• Basic Syntax – PHP Tags, Escaping from HTML,
Instruction Separation & Comments
• Types
• Variables
• Constants
• Expressions
• Operators
• Control Structures
• Functions
• Classes and Objects
• Namespaces
• Errors and Exceptions
• Generators
• References Explained
• Predened Variables
• Predened Exceptions
• Predened Interfaces and Classes
• Context Options and Parameters
• Supported Protocols and Wrappers

20.
Back End Web Technologies - Module II
DATABASES

1. NO-SQL MONGODB

• Installation – How to install mongoDB local and cloud?

• Introduction – Databases & Collections, Documents
and BJSON.
• The mongo Shell
• MongoDB CRUD Operations – create, read, update
and delete operations
• Aggregation
• Data Models
• Transactions
• Indexes
• Security
• Change Streams
• Replication
• Sharding
• Administration
• Storage

21.
 2. SQL- MySQL

• Structure Query Language (SQL)

• SQL – Introduction
• SQL – Data Definition Language(DDL)
• SQL – DDL Operations – create tables or views,
alter tables or views etc.
• SQL – Data Manipulation Language(DML)
• SQL – DML Operations – insert, update
and delete etc.

21.
THANK YOU

22.