1. INFINITE GRAPHIX TECHNOLOGIES PVT LTD Build up your skills. Step up your career OOR, ABOVE BANK OF BARODA, 2ND FL J.M.ROAD, SHIVAJI NAGAR, PUNE Full Stack Development Course
2. • 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 • Images in html • Video and Audio Content • From <object> to <iframe> - Other embedding technologies • Adding Vector Graphics to the Web – SVG Front End Web Technologies - Module I • Responsive Images Diploma In Web Page Designing & Web Development HTML5 – HYPERTEXT MARKUP LANGUAGE INTRODUCTION TO HTML MUL TIMEDIA AND EMBEDDING
3. • 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 • Styling Web Forms • Advanced form styling • UI Pseudo-classes • HTML Table basics • HTML Table advanced features and accessibility. HTML FORMS FORM STYLING GUIDES HTML TABLES
4. • What is CSS? • How to use in HTML? • 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 CSS3 – CASCADING STYLES SHEET CSS INTRODUCTION • CSS All Properties and values CSS CONCEPTS
5. • JavaScript Setup • Hello World Example • JavaScript Output • What is JavaScript? • Where to use JavaScript? • 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 JAVASCRIPT COMPLETE GUIDES GETTING STARTED JAVASCRIPT INTRODUCTION JAVASCRIPT CONCEPTS
6. • 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)
7. • 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 RESPONSIVE WEB DESIGN WITH BOOTSTRAP4
8. Front End Web Technologies - Module II ANGULAR • Angular Setup • Angular First Application • Angular Application Structure GETTING STARTED • Angular Application Execution Flow • What is Angular? • Angular Building Blocks ANGULAR INTRODUCTION • Angular Real Time Usage • Angular Components • Angular Templates • Angular Directives MAIN CONCEPTS • Angular Dependency Injection (DI) • Router and Navigations • Forms • HTTP Client • Internationalization(i18n) ANGULAR BUIL T -IN FEATURES
9. • Animations • Service Worker and PWA • Schematics • Security • Accessibility • Keeping Up-to-Date • Property Binding Best Practices • Testing • Dev Workow ANGULAR BEST PRACTICES • Lightweight Injections Token for libraries • CLI Builders • Server-side Rendering • Language Service ANGULAR TOOLS • NgModules • Observable & RxJS • CLI Commands Reference • Database Integrations • Angular Backend Integrations – Node.js or DJango ANGULAR REFERENCES or Spring or Php
10. REACT .JS • Add React to a Website • Create a New React App GETTING STARTED • CDN Links • What is ReactJS? • First React App • React App Structure REACT INTRODUCTION • React App Execution Flow • 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 MAIN CONCEPTS • What Next – Thinking in React
11. • 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 ADVANCED GUIDES • Web Components
12. • Introducing Hooks • Hooks at a Glance • Using the State Hook • Using the Eect Hook • Rules of Hooks • Building Your Own Hooks HOOKS • Hooks API Reference • Testing Overview • Testing Recipes TESTING • Testing Environments • Introducing Concurrent Mode • Suspense For Data Fetching • Concurrent UI Patterns • Adopting Concurrent Mode CONCURRENT MODE • Concurrent Mode API • React & React.Component • ReactDOM • ReactDOMServer • DOM Elements • SyntheticEvent API REFERENCE
13. • Test Utilities • Test Renderer • JS Environment Requirements • 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 REACT BEST PRACTICES d. React With Php
VUE.JS 14. • 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
Back End Web Technologies - Module I NODE.JS GETTING STARTED 15. • 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 • 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 INTRODUCTION TO NODEJS
16. • 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
17. • 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
• Installing • Hello World Example • Express Generators • Basic Routings • Static Files • 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 EXPRESS.JS GETTING STARTED • Database Integrations GUIDES 18.
• 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 PYTHON DJANGO • Security in DJango. 19.
PHP 20. • 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
1. NO-SQL MONGODB Back End Web Technologies - Module II DATABASES • 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 21. • 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.
22. THANK YOU

Full Stack Developer Course | Infinite Graphix Technologies

  • 1.
    1. INFINITE GRAPHIX TECHNOLOGIES PVTLTD Build up your skills. Step up your career OOR, ABOVE BANK OF BARODA, 2ND FL J.M.ROAD, SHIVAJI NAGAR, PUNE Full Stack Development Course
  • 2.
    2. • Getting startedwith HTML • What’s in the head? Metadata in HTML • HTML Text Fundamentals • Creating hyperlinks • Advanced text formatting • Document and Website structure • Debugging HTML • Images in html • Video and Audio Content • From <object> to <iframe> - Other embedding technologies • Adding Vector Graphics to the Web – SVG Front End Web Technologies - Module I • Responsive Images Diploma In Web Page Designing & Web Development HTML5 – HYPERTEXT MARKUP LANGUAGE INTRODUCTION TO HTML MUL TIMEDIA AND EMBEDDING
  • 3.
    3. • Introductory Guides oYour 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 • Styling Web Forms • Advanced form styling • UI Pseudo-classes • HTML Table basics • HTML Table advanced features and accessibility. HTML FORMS FORM STYLING GUIDES HTML TABLES
  • 4.
    4. • What isCSS? • How to use in HTML? • 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 CSS3 – CASCADING STYLES SHEET CSS INTRODUCTION • CSS All Properties and values CSS CONCEPTS
  • 5.
    5. • JavaScript Setup •Hello World Example • JavaScript Output • What is JavaScript? • Where to use JavaScript? • 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 JAVASCRIPT COMPLETE GUIDES GETTING STARTED JAVASCRIPT INTRODUCTION JAVASCRIPT CONCEPTS
  • 6.
    6. • JavaScript TypeConversion • 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)
  • 7.
    7. • Introduction toResponsive 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 RESPONSIVE WEB DESIGN WITH BOOTSTRAP4
  • 8.
    8. Front End WebTechnologies - Module II ANGULAR • Angular Setup • Angular First Application • Angular Application Structure GETTING STARTED • Angular Application Execution Flow • What is Angular? • Angular Building Blocks ANGULAR INTRODUCTION • Angular Real Time Usage • Angular Components • Angular Templates • Angular Directives MAIN CONCEPTS • Angular Dependency Injection (DI) • Router and Navigations • Forms • HTTP Client • Internationalization(i18n) ANGULAR BUIL T -IN FEATURES
  • 9.
    9. • Animations • ServiceWorker and PWA • Schematics • Security • Accessibility • Keeping Up-to-Date • Property Binding Best Practices • Testing • Dev Workow ANGULAR BEST PRACTICES • Lightweight Injections Token for libraries • CLI Builders • Server-side Rendering • Language Service ANGULAR TOOLS • NgModules • Observable & RxJS • CLI Commands Reference • Database Integrations • Angular Backend Integrations – Node.js or DJango ANGULAR REFERENCES or Spring or Php
  • 10.
    10. REACT .JS • Add Reactto a Website • Create a New React App GETTING STARTED • CDN Links • What is ReactJS? • First React App • React App Structure REACT INTRODUCTION • React App Execution Flow • 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 MAIN CONCEPTS • What Next – Thinking in React
  • 11.
    11. • Accessibility • CodeSplitting • 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 ADVANCED GUIDES • Web Components
  • 12.
    12. • Introducing Hooks •Hooks at a Glance • Using the State Hook • Using the Eect Hook • Rules of Hooks • Building Your Own Hooks HOOKS • Hooks API Reference • Testing Overview • Testing Recipes TESTING • Testing Environments • Introducing Concurrent Mode • Suspense For Data Fetching • Concurrent UI Patterns • Adopting Concurrent Mode CONCURRENT MODE • Concurrent Mode API • React & React.Component • ReactDOM • ReactDOMServer • DOM Elements • SyntheticEvent API REFERENCE
  • 13.
    13. • Test Utilities •Test Renderer • JS Environment Requirements • 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 REACT BEST PRACTICES d. React With Php
  • 14.
    VUE.JS 14. • 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
  • 15.
    Back End WebTechnologies - Module I NODE.JS GETTING STARTED 15. • 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 • 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 INTRODUCTION TO NODEJS
  • 16.
    16. • Find theinstalled 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
  • 17.
    17. • The Node.jsfs 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
  • 18.
    • Installing • HelloWorld Example • Express Generators • Basic Routings • Static Files • 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 EXPRESS.JS GETTING STARTED • Database Integrations GUIDES 18.
  • 19.
    • 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 PYTHON DJANGO • Security in DJango. 19.
  • 20.
    PHP 20. • 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
  • 21.
    1. NO-SQL MONGODB BackEnd Web Technologies - Module II DATABASES • 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.
  • 22.
    2. SQL- MySQL 21. •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.
  • 23.