Full Stack Development
Full stack web development refers to the practice of designing, building, and maintaining all aspects of a web application or website, from the front end to the back end, and everything in between. A “stack” refers to the collection of technologies or tools used in each layer of development. Here’s a breakdown of the components involved in full stack web development:
Front End Development
This involves creating the user interface and experience that users interact with directly in their web browsers. it is the development of the graphical user interface of a website so that the users can view and interact with the website.
Back End Development
Back end development involves building and maintaining the server-side of the application,which is responsible for handling data storage, retrieval, and manipulation, as well as business logic and server-side processing.
Take 2-Days of Free Demo Classes!
Front End Development
Module 1: HTML
Introduction to HTML
- Brief Introduction of HTML
- Building Block of HTML [syntax]
- HTML Tags:
Heading
Paragraph
Line Breaks
Text Formating
Link Tags
Elements of HTML
- Introduction to Elements of HTML
- Attributes
- Working With Lists, Tables
- Working With Hyperlinks,images
- Working With Forms
Module 2: CSS
Introduction
- Concept
- Syntax
- Selectors
CSS Styling
- Backgrounds
- Text
- Fonts
- Links
- Lists
- Tables
Text Effects
- Text-shadow & Fonts
- Box-shadow
- Text Overflow
Border Effects
- Borders
- Border-radius
- Border Images
- Backgrounds
- Background Size
- Background Origin
CSS Advances
- Display
- Positioning
- Floating
- Navigation Bar
- Image Gallery
- Image Opacity
- Align
Module 3: Javascript
Introduction
- What is Javascript
- Embedding Javascript in HTML
- Variables and Data Types
- Basic Operations and Expressions
Control Structures
- Conditional Statements
- Loops
- Understanding Scope
Functions
- Declaring Functions
- Parameters and Return Values
- Expressions Vs. Declarartions
Arrays and Objects
- Array Basics
- Array Methods
- Objects Methods and Properties
Dom Manipulation
- Introduction to Dom
- Accessing and Modifying HTML Elemets With Javascript
- Handling Events
Advanced Dom Manipulation
- Traversing the Dom
- Creating and Removing HTML Elements Dynamically
- Event Delegation
Asynchronous Javascript
- Settimeout and Setinterval
- Understanding Callbacks
- Introduction to Promises
Error Handling
- Understanding Erros
- Using Try_catch Blocks
- Handling Asynchronous Errors
Introduction to Es6+
- Arrow Functions
- Let and Cost
- Template Literals
More Es6+ Features
- Destructuring
- Spread and Rest Operators
- Classes and Inheritance
Module 4: Bootstrap
Introduction
- What is Bootstrap
- History and Evolution
- Advantages and Features
Setting Up Bootstrap
- Downloading and Installing
- Integrating Into Your Project
- Cdn Usage
Bootstrap Grid System
- Understanding the Grid Layout
- Containers,rows and Columns
- Grid Classes and Breakpoint
- Nesting Grids
Responsive Design
- Creating Responsive Layouts
- Media Queries and Breakpoints
- Designing for Various Devices
Customization
- Using Custom CSS With Bootstrap
- Overriding Bootstrap Styles
- Customizing Bootstrap Variables
Bootstrap Utilities
- Spacing Utilities
- Display Utilities
- Flexbox Utilities
- Text Utilities
Components of Bootstrap
- Typography
- Buttons
- Forms
- Navigation
- Alerts and Badgets
- Modals
- Dropdowns
Extending Bootstarp With Plugins
- Overview of Popular Bootstrap Plugins
- Integrating Plugins Into Your Project
Project Work
- Building Project With Bootstrap
- Implementing Responsive Design
- Integrating Components and Utilities
Module 5: React
Introduction
- Development and Types
- Front Vs Backend Development
- Library Vs Framework
- Dom Vs Vdom
- React & Its Features
- How to Install
- Page Directory
Jsx and Components
- Basic Program Demo Understanding
- Jsx and Its Rule
- Components and Types
- Demo
- Import and Export Need
- Fragments
Hooks
- Def
- When to Use
- Different Kind of Hook
- Demo of Every Hook
- How to Create Our Own Hook
Useeffect Hook
- Def
- When and How to Use
- Demo Project
State
- Changing State Through Class Using Selectors
- Usestate Hook & Explanation
- Counter App Using Usestate Hook
- Demo Projects Regarding to Do App and Contact Manager (How to Handle Multiple Input)
Memo
- Introduction and How to Use
- When to Use
- Demo & Usememo
Important Concept of Javascript
- Variables
- Array Function
- Ternary Operator
- Spread Operator
- Destructuring
- Maps Method
Props and State
- Previously Topic Demo
- Props
- Functional and Class Component
- Props Related Project
Adding Bootstrap
- Demo Projects or Style to Do App
- Add Styling to Different Projects
Life Cycle Methods
- Mounting & Updating
- Unmounting
- Demo Projects
Routing
- Def
- When to Use
- Illustrations
Conditional Rendering & Demo
- Types of Conditional Rendering
- How to Take Input
- Convertor App
Project Illustrations
- Discussion of Different Projects
- How to Create Web Page
- Who to Use React in an Efficient Manner
Back End Development
Module 1: Node.js
Introduction
- What is node.js
- V8 engine
- Advantages
- Features
- Uses
NODE.js Modules
- Module and its types
- Core module
- Local module
- Module exports
NPM
- What is npm
- Installing package globally
- Installing package locally
Database Connectivity
- Crud operation with mysql/ database
- Handling cors error
Creating Server
- Creating web server
- Sending request
- Handling http request
File System
- Read a file
- Create a file
- Write a file
- Open a file
- Delete a file
- Other i/o operation
Express.js
- Configuring routes
- Working with express
- Working with middleware
- Middleware
Module 2: Mongo DB
Database Commands
- Aggregation Commands
- Geospatial Command
- Query and Write Operation Commands
- Query Plan Cache Commands
- Authentication Commands
Overview
- Introduction of MongoDB
- No SQL Database
- Advantage over RDBMS
- MongoDB Data Types
- Install MongoDB
- MongoDB Data Modeling
Operators
- Query operators
- Projection Operator
- MongoDB Update Operator
- Aggregation Pipeline Stages
- MongoDB limit()
- MongoDB sort()
- Query Modifiers
Why Choose Us
- Experienced Faculity
- Great Training Environment
- Internship Opportunities
- Placement Assitance
- Industrial Training With Live Industrial Projects
- Internationally Certified Programs
