Full MERN Stack Development Course
₹25,000.00
Join our Full MERN Stack development course online or offline. Also get lifetime access to the recordings of all live lectures.
Get Flat 37.5% off
Payment Structure
₨40000
₨
25000
- Book Your Seat by just paying 10%: Rs. 3,000/-
- Remaining Payment 4 Months Instalment: Rs. 5,500/-
- Note: course study material not included in the course fee
Next Batch
15th July
Duration
6 Months
Course Structure
- UI Developer roles and responsibilities
- UX designer roles
- Technologies needed
- Power of UI
- Current market requirements on UI
- Basic Technologies needed
- Difference between Front end and Backend
- Sample web pages
- Crawling and Meta tags
- Exploring existing pages
- Browsers & Editors
- DOM
- Structure of HTML Page
- Mandatory tags in html page (html, head, body)
- Heading tags (H1…H6), Tags and attributes (Class, Id, style…etc.)
- Inline and block level elements
- What is CSS
- Different ways of applying CSS for elements, and priority chain of CSS
- CSS Properties (color, font, size, border…etc.)
- Box model, Margin & Padding
- Positioning Elements, Floating Elements
- Including external page links in a page using anchor tags and its properties
- Working with row & column data using table tags
- Hiding and un-hiding elements using display property
- img tag, p tag, ul &ol tags, li, nobr, hr, bretc
- Layouts, forms, buttons
- Input fields (textbox, radio button, checkbox, dropdown, text area etc.)
- Debugging HTML & CSS (Firebug, IE and Chrome developer tool)
- Creating Tabs and menu lists
- Adding borders, font, Pseudo classes & Pseudo Elements
- positioning elements (absolute, relative, fixed & static)
- Image spiriting
- Box model (margins, padding)
- Floating elements (float left, right etc.)
- Including external resources
- Absolute and Relative paths
- Including external resources like CSS, images etc.
- Display Property (inline, block, inline block etc)
- Display none and hidden elements.
- Get & Post Communication
- Validating input values in a form.
- Form action and type
- Data types and data structures in Js
- Control structures, if, if-else, while, for, switch case statements
- Hosting & type casting
JavaScript Supported Data Structures
- Arrays and Predefined methods.
- Working on logical programs using Arrays.
- Predefined methods in arrays
- Strings and predefined methods
- Objects
- JSON, SET, MAP
- Iterating through Dynamic JSON Object.
- Exploring Predefined Date object.
- Inheriting Static Object using proto.
- Inheritance using Object. Create()
- Java Script Classes
- Prototyping
- Inheritance using prototyping.
- Global and local variables
- Securing Data using Closures
- Exception Handling
- Handling Predefined and user defined exceptions
- Exploring try, catch, finally and throws.
- History and version explore
- Difference between Minified and non-minified JS files.
- On load and on ready difference
- jQuery selectors
- Multiple ways of referring DOM elements using jQuery selectors
- jQuery methods
- Adding dynamic properties for DOM elements
- Toggling elements
- Creating dynamic elements using jQuery
- Traversing Siblings, Children’s & Parent Elements.
- Traversing Ancestors.
- Finding elements using jQuery techniques
- Filtering elements
- Binding events, Dynamic binding
- List of events been supported in jQuery (blur, change, click, dB click, etc.)
- Advantages with AJAX and its limitations
- Samples working with AJAX
- Different data formats used in AJAX (string, xml, JSON, etc.)
- XML and JSON difference
- Cross domain interactions using JSONP
- jQuery Promises with multiple conditions
- Handling Multiple AJAX Calls using jQuery Promises.
- Animation Effects using
- Hide, Show
- Sliding up and down, Fading, Animate Method.
- Loading DOM dynamically using jQuery templates
- loading templates using AJAX
- Difference between HTML5 and HTML 4
- List of Browsers support HTML5
- Doc type & Semantic Tags
- Multithreading Using Web Workers.
- Media Support (audio and video tags)
- Graphics using Canvas tag and SVG Tags.
- Drag and Drop features
- Offline Application using Application Cache
- Exploring Navigator Object
- Working on locations lat and lng using Geolocation
- Storing user preferences using Local storage & Session Storage
- Difference between CSS 2 and CSS 3
- Adding borders and backgrounds
- Advanced text effects(shadow)
- 2D and 3D Transformations
- Adding Transitions to elements
- Adding animations to text and elements
- Difference between multiple devices, making a page to work on multiple devices
- Media queries
- Introduction to Bootstrap CSS API
Bootstrap-4 along with components
- Basic-Typography
- Text-Alignments, Floats-Positions
- Colors-Backgrounds, Margins-Paddings
- Sizing’s, Breakpoints, Buttons, Navbars
- List-Groups, Forms, Input-Groups
- Alerts-Progress
- Tables, Cards, Carousel, Collapse, Modal
- Grid-System, Grid-Alignments, Flexboxes
- Const and let keywords
- Arrow functions, advantages
- Extended parameter handling, default parameters
- Template literals
- Enhanced object parameters
- Creating direct classes, inheritance
- Implementing promises
- new data structures sets and maps
- New string built-in methods
- Using iterators
- Introduction to Server-Side Scripting
- Node JS Features and Drawbacks
- Setup Environment for Node.js
- Node JS Program architecture
- Node JS Web Server
- Node JS Global Objects
- Node JS OS Objects
- Node JS Error Handling
- Node JS Event Loop
- Node JS File System
- Async and Sync
- Connecting with Database
- Handling CRUD Operations
- Express
- Routing in Express
- Response Methods in Express
- Serving Static Files
- Express JSON Parser
- Express CORS
- Creating Web API
- Exploring Express module
- Setting up express environment
- Creating http server using express
- Sending and receiving Post & GET Data
- Reading data from GET/POST requests
- Creating templates using PUG/JADE
- Generating Dynamic html pages from server
- Responding a template for a client request
- Exploring File system, Reading and writing to files
- Introduction to REST API
- REST Architecture
- Creating and handling multiple clusters in Node js
- Connecting to Mongo DB Connecting to SQL
Webservice with DB interactions
- Creating web services which communicate with Database
- Introduction to MongoDB
- Configuring Server and Client
- MongoDB Compass
- Creating Database
- MongoDB Commands
- MongoDB CRUD Operations
- React Intro
- Node installation
- Create an app using create-react-app
- Understanding basics of react app
- Understanding JSX
- Understanding virtual DOMS, Single page apps
- React Lifecycle
- States, class components vs functional components
- Event handling, props
- Building forms in React
- Routes
- Conditional Rendering
- Pure Components
- High order components
- Controlled vs Uncontrolled components
- Redux
- Babel, Webpack
- Axios, Creating a mock server
- SASS overview
- 5 Mini Projects
- 1 Major Project