Full Stack Web Developer
143+
Students Empowered
Online / Classroom
Format
6 Months
Duration
110+
Hiring Partners
Program Highlights
- Interactive live sessions.
- Experienced corporate trainer onboard.
- Both online and classroom sessions.
- Real-time industrial teaching.
- Flexible self-pacing.
Course Framework
- 120+ hours of live online sessions.
- 24/7 access to LMS portal.
- Handling real-time projects.
- Periodical mock test.
- One to one performance assessment.
Placement Assistance
- Resume building.
- Pre-placement training.
- Mock interviews.
- Career expo.
- shortlisting CVs with job portal collaborations.
Why Full Stack Web Developer?
Eight out of ten customers come to know about a product via blog.
Daily, approximately 3 billion searches are executed.
Website design is a vital element that determines the credibility of nearly 49% of visitors.
Who should learn Full Stack Web Developer?
Students passionate about Web Designing with hassle-free coding.
Professionals desiring to earn more through freelancing.
Students who are studying yet have an eagerness to learn a new skillset.
Anyone who is creative, artistic, and enthusiastic about realizing them on the internet.
Pre-requisite skills
- Beginners willing to learn even though they don't have a coding background.
- The good news is, you need no pre-requisite to learn web development.!
Achieved objectives
- You will have a hold on the front end, developing my mastering HTML, CSS, Javascript, and frameworks.
- You will grasp proficiency in back development by mastering SQL and nodes.js.
Job opportunities
- Design and layout analyst.
- Web marketing analyst.
- Front end web developer.
- Back end web developer.
- UI designer.
- UX consultant.
Advisors
Syllabus
Introduction to HTML5
Learning Objectives: You will learn how to create HTML websites and use basic CSS in your work. We do not assume any prior knowledge so we go through the concepts from the beginner’s point of view.
Topics:
❖ Overview of HTML
❖ Links and Navigation
❖ HTML Tables and Lists
❖ HTML Forms and Input
❖ New Tags and Form Elements in HTML5
❖ HTML Images
❖ Intro to HTML5 Graphics
❖ Intro to New HTML5 Features
❖ Intro to HTML5 Multimedia
❖ Intro to SVG in HTML5
Hands-On/Demo:
❖ Making Web Pages using VS Code
❖ Demonstrating Website
❖ Live view of HTML5 Graphics
❖ Creating Multimedia and SVG in HTML5
Skills
❖ Will have a basic understanding of HTML
❖ Working with a fully enabled HTML5 Website
Learning Objectives: You will be able to use features like Drag and Drop, Geolocation and Web Storage to create the immersible user experience. You will have a thorough understanding of HTML5.
Topics:
❖ HTML5 Feature Detection Drag & Drop
❖ Intro to HTML5 Multimedia
❖ Deep Dive into SVG in HTML5
❖ Geolocation
❖ Web Storage
❖ Application Cache
❖ Adding, Deleting, Editing and Updating tasks to Local Storage
❖ HTML5 Video, New Attributes
❖ HTML5 Media Elements
Hands-On/Demo:
❖ Making Web Pages using VS Code
❖ Demonstrating Website
❖ Live view of HTML5 Graphics
❖ Creating Multimedia and SVG in HTML5
Skills
❖ Ready-to-launch website.
❖ Working with every HTML5 Semantic Features
Real World Designing with CSS3
Learning Objectives: You will learn how to create HTML websites and use basic CSS in your work. We do not assume any prior knowledge so we go through the concepts from the beginner’s point of view.
Topics:
❖ Getting Started with CSS
❖ Colors
❖ CSS Box Model
❖ Getting Started with Chrome Developer Tools
❖ Typography
❖ Images, Icons
❖ Spacing and Layout
❖ Relative Vs Absolute
❖ Basic SEO
❖ Google Analytics
❖ Classes & ID Selectors
Hands-On/Demo:
❖ Building the Header
❖ Features Section
❖ Content Section
❖ Sticky Navigation
❖ Signup Section
❖ Adding Animations to Scroll
❖ Building the Footer
❖ Building the Sidebar
❖ Building the Contact Form
❖ Making the Web Page Responsive
Skills
❖ Building a Simple Layout
❖ The ultimate cheatsheet: all web design guidelines in one place
❖ Optimizing the Website
❖ Polishing a Blog Post Web Page
❖ Making a fully Functional Website
Master Bootstrap 4 and building real-world themes using HTML5 Semantics & CSS3
Learning Objectives: You will learn Bootstrap 3 or 4 to learning all of the utilities, components, widgets, and grids and building real-world themes and websites
Topics:
❖ Typography & Utilities
❖ CSS Components
❖ Grid System
❖ Grid Alignment
❖ Flexbox Classes
❖ Auto Margin, Wrap & Ordering
❖ Carousel Slider
❖ Collapse & Accordion
❖ Tooltips, Popovers
❖ Modals
❖ Navbars
❖ Tables, Pagination
❖ Forms & Input
❖ Input Groups
❖ Alerts & Progress Bars
❖ Media Object, Jumbotron
Hands-On/Demo:
❖ Simple Theme Boilerplate Setup
❖ Developing Admin UI
❖ Implementing Grid System & Flexbox
❖ Social Theme
❖ Developing a Portfolio Grid
❖ Implementing Multi Page Theme
Skills
❖ Creating a complete Responsive Website
❖ Learning semantic HTML5 & modern CSS3 techniques.
❖ Learning including helpers/utilities, components, widgets, flexbox and more.
Adding Beautiful Effects, Animations and Ajax Calls to Websites Using jQuery
Learning Objectives: You will learn how to use jQuery to create stunning animations, provide fast feedback forms, handle all user events and perform Ajax calls.
Topics:
❖ Fading Elements
❖ Showing, Sliding Elements
❖ Moving Elements
❖ Custom Animations
❖ Delaying and Chaining Animations
❖ Timing Animations using Callback Functions
❖ Using CSS Selectors in jQuery
❖ jQuery Methods for Traversal
❖ Adding Click Handlers
❖ Delegated Events
❖ Handling KeyDown and KeyUp Events
❖ Focus & Blur Events
❖ Ajax with jQuery
Hands-On/Demo:
❖ Creating a Signup LightBox
❖ Passing Additional Data to Events
❖ Create an Image Gallery with Lightbox Preview
❖ Fetching a Server file with jQuery
❖ Retrieving Flickr Images through Flickr
❖ Retrieving Pokemon Data with Pokemon API
❖ Modularizing Event Handlers
❖ Handling Click Handlers & Hover Handlers
Skills
❖ Creating Dynamic Websites that user interacts
❖ Add Fast Feedback and Validation for Forms using jQuery
❖ Use Ajax to add Content the Page Dynamically from the APIs
❖ Handle Arbitrary User Events
Intro to Modern JavaScript
Learning Objectives: You will learn JavaScript and programming fundamentals: variables, boolean logic, if/else, loops, functions, arrays, etc. Asynchronous JavaScript: The event loop, promises, async/await, AJAX and APIs.
Topics:
❖ Variables, Mutation & Data Types
❖ Basic Operators, Operator Precedence
❖ Decision Making, Loops
❖ Arrays, Objects & Properties
❖ Objects & Methods
❖ Loops & Iteration
❖ JavaScript Parsers & Engines
❖ Execution Context & Execution Stack
❖ Creation and Execution Phases and Hoisting
❖ Scoping and the Scope Chain
❖ This ‘this’ Keyword
❖ DOM Access & Manipulation
❖ Events & Event Handling
❖ Object-Oriented Concepts
Hands-On/Demo:
❖ Prototype Chain in the Console
❖ Creating Object & Function Constructors
❖ Applying Bind, Call & Apply
❖ Implementing the Module Pattern
❖ Asynchronous JavaScript: The event loop, promises, async/await, AJAX and APIs
❖ Executing Constructors
❖ Coding Challenges
Skills
❖ All the JavaScript and Programming Fundamentals variables, data types, boolean logic, if/else statements, loops, functions, object, arrays and more.
❖ Deep understanding of how JavaScript works behind the scenes: execution contexts, hoisting, scoping, the ‘this’ keyword, and more.
Learning Objectives: You will be mastering ES6 syntax mastering the fundamentals of iteration over Arrays using helpers like ‘forEach’, ‘map’, and ‘reduce’ which we will be further used in modern web frameworks such as React.
Topics:
❖ For Each Helper
❖ Map Helper
❖ Filter Helper
❖ Find Helper
❖ Every & Some Helper
❖ Reduce Helper
❖ Const/Let
❖ Template String
❖ Arrow Functions
❖ Enhanced Object Literals
❖ Const/Let
❖ Default Function Arguments
❖ Rest and Spread Operator
❖ Destructuring
❖ Classes
❖ Generators
❖ Promises & Fetch
❖ Modules
❖ Debugging
❖ Image Map
Hands-On/Demo:
❖ Calculating Values with Map
❖ Handling Permissions with Filters
❖ Using Find to Search For Users
❖ Every and Some in Practice
❖ Recursion with Destructuring
❖ Executing async code with Promises
❖ Ajax Requests with Fetch
❖ Coding Challenges
Skills
❖ Learn the purpose of Babel and Why ES6 was Created.
❖ Grasp the difference between the ‘rest’ and ‘spread’ operators.
❖ Develop complex applications that scale in complexity by mastering advanced ES6 design patterns.
Intro to React
Learning Objectives: We will start with the basics of React on what React is and how you may use it (and for which kind of apps). Thereafter, we’ll go all the way from basic to advanced covering JSX, State, Props, etc..
Topics:
❖ JSX
❖ Components
❖ State
❖ Props
❖ Component API
❖ Component API LifeCycle
❖ Forms
❖ Events
❖ Refs
❖ Keys
❖ Router
❖ Flux Concept
❖ High Order Components
❖ Pure Functional Components
Hands-On/Demo:
❖ Real World SPAs & React Web Apps
❖ Understanding Let and Const
❖ Arrow Functions, Exports, and Imports
❖ Destructuring Functions, JS Arrays
❖ Working with Lists and Conditionals
❖ Styling React Components & Elements
❖ Debugging React Apps
❖ Coding Challenges
Skills:
❖ React is all about components basically you will gain skills on dynamically passing data with components.
❖ Styling React Components
❖ Authentication
❖ Forms and form validation in React Apps
❖ Access HTTP content within React Apps
Learning Objectives: You will be mastering ES6 syntax mastering the fundamentals of iteration over Arrays using helpers like ‘forEach’, ‘map’, and ‘reduce’ which we will be further used in modern web frameworks such as React.
Topics:
❖ Diving Deeper into Components & React Internals
❖ Project Structure
❖ Reaching out to the Web (Http / Ajax)
❖ Multi-Page-Feeling in Single-Page App
❖ Advanced Routing
❖ Forms & Form Validation
❖ Redux
❖ Redux Advanced
❖ Flux Concept
❖ Using life cycle components of React
❖ Understanding Creator & Asynchronous Code
❖ Utility Functions
❖ Alternative Folder Structures other flux concepts
❖ React Hooks
❖ Multiple States
❖ Rules of Hooks
❖ Sending Http Requests
❖ Advanced Callbacks()
❖ useContext(), useEffect()
❖ Custom Hook
❖ Custom Reducers
Hands-On/Demo:
❖ Putting Data Transforming Logic
❖ Handling Permissions with Filters
❖ Using Find to Search For Users
❖ Every and Some in Practice
❖ Recursion with Destructuring
❖ Executing async code with Promises
❖ Ajax Requests with Fetch
❖ Coding Challenges
Skills:
❖ Learn the purpose of Babel and Why ES6 was Created.
❖ Develop complex applications that scale in complexity by mastering advanced ES6 design patterns.
Intro to NodeJS:
Learning Objectives: You will learn Node.js by building real-world applications with Node, Express, MongoDB, Jest and more!
Topics:
❖ Environment Setup, REPL Terminal
❖ NPM, Callback Concept
❖ Event Loop
❖ Event Emitter
❖ Buffers
❖ Streams
❖ File System
❖ Global Objects
❖ Utility Modules
❖ Web Module
❖ Express Framework
❖ RESTFul API
❖ Scaling Application
❖ Packaging
Hands-On/Demo:
❖ Working on Node.js Module System
❖ Creating Files System & Command Line Arguments
❖ Debugging Node.js
❖ Working on Asynchronous Node.js with CallStack, Callback Queue & Event Loop
❖ Working with WebServers
❖ API from Browser
Skills:
❖ During these chapters you will be skilled with Node.js, NPM, Asynchronous way of programming with Socket.io.
❖ Deploying the Application with WebServers, Modules, File System & also Deployment with Heroku
Learning Objectives: Dive deep under the hood of NodeJS. Learn V8, Express, Get advanced with Node.Js! Learn caching with Redis, speed up through clustering, and add image upload with S3 and Node!
Topics:
❖ Databases & Advanced Asynchronous Development ❖ REST API & Mongoose
❖ API Authentication & Security
❖ Sorting, Pagination & Filtering
❖ File Uploads
❖ Sending Emails
❖ Node Internals
❖ MongoDB Atlas Setup
❖ Routes Walkthrough
❖ Data Caching with Redis
❖ Query Caching Layer
❖ Redis Hashes
❖ Patching Mongoose’s Execution
❖ Automated Headless Browser Testing
❖ CI Integration
❖ Git Repo
❖ Scalable Image
❖ Getting Signed URL
Hands-On/Demo:
❖ Working with JSON Web Tokens
❖ Generating Authentication Tokens
❖ Advanced POSTMAN
❖ Working with TimeStamps
❖ Query Caching with Redis
❖ Working with Cookies & Sessions
❖ CI with Puppeteer
❖ Coding Challenges
Skills:
❖ Grasp the difference between the ‘rest’ and ‘spread’ operators.
Intro to MangoDB
Learning Objectives: You will be Mastering MongoDB Development for Web & Mobile Apps. CRUD Operations, Indexes, Aggregation Framework – All about MongoDB!
Topics:
❖ Environment Setup
❖ Data Modelling
❖ Data Types
❖ Create, Drop Database
❖ Create, Drop Collection
❖ Insert, Query, Update, Delete Document
❖ Projection
❖ Limiting, Sorting Records
❖ Indexing
❖ Aggregation
❖ Replication
❖ Sharding
❖ Creating Backup
❖ Deployment
Hands-On/Demo:
❖ Basics & Crud Operations
❖ Structure Documents
❖ Exploring the Shell & Server
❖ Using MongoDB Compass
❖ Diving into Create Operations
❖ Read Operations
❖ Working with Indexes
❖ Coding Challenge
Skills
❖ Install and use MongoDB locally and in the cloud (MongoDB Atlas), CRUD (Create, Read, Update, Delete) operations on MongoDB databases, filter for data efficiently.
❖ Work with both the Mongo Shell and drivers (e.g. Node.js driver)
❖ “Aggregation Framework” that’s built into MongoDB
Learning Objectives: Deep Dive into MongoDB focuses on the commands/ queries you write. Use MongoDB to its full potential in future projects. Write efficient and well-performing queries to fetch data in the format you need it Use all features MongoDB offers you to work with data efficiently
Topics:
❖ Relationships
❖ Database References
❖ Covered Queries
❖ Analyzing Queries
❖ Atomic Operations
❖ Advanced Indexing
❖ Indexing Limitations
❖ ObjectId
❖ Map Reduce
❖ Regular Expression
❖ RockMongo
❖ GridFS
❖ Capped Collections
❖ Auto Increment Sequence
Hands-On/Demo:
❖ Working with Relations & References
❖ Running the covered queries, & Analyzing Queries
❖ Working on Atomic Operations
❖ Working with Indexing & Limitations
❖ Working with Regular Expressions
❖ Running the Scripts with RockMongo
❖ Coding Challenges
Skills :
❖ Master the integration of Mongo, Node, and Mocha in a modern development environment
❖ Use the advanced features of Mongoose to save development time
Project #1: Industrial/ Manufacturing Website using HTML5 & CSS3
Description: This Website has to be specifically designed for all types of Small Factory Company, Electronic Business, Power, Rail Business, Airplane, Petroleum, Gas, Plants. It’s ideal for any company project. You can edit easily this HTML5 template, it’s 100% customizable. This HTML5 template is perfect for convert into WordPress, Joomla, and other CMS.
Actions to be Performed:
1 Home page Layouts
● 13 Blog Layouts
● 06 Shop Layouts
● W3C Validated Code.
● Super Clear and Clean Layout
● Fully Customizable
● Using Google Fonts
● Using Font Based Icons
● Overlay color layers
● Very Detailed Documentation
● Font Awesome Icons
● Real-Time Statistics
Technologies Used: HTML5, CSS3, JavaScript, JQuery
Description: Bootstrap 4 Admin Dashboard with HTML5 Multipurpose. This admin Dashboard will include 20+ HTML Pages & 10+ Plugins. Multipurpose Use pre-built dashboard design. It should have design left menu & horizontal menu also with Light & Dark Versions.
It will consist of a clean and corporate blue color dashboard design and comes with several modern jQuery plugins included, Awesome cool colors, charts, custom Tables and calendar, and More plugins Included. It should also include uikit elements for multipurpose use ease.
Actions to be Performed:
● 20 + HTML Pages
● 10 + Plugins
● 2 Type of menus designed dashboard template
● Left side menu and Top menu dashboard design
● Left side menu dashboard design
● Top menu dashboard design
● Light dashboard & Dark dashboard Template
● 6 types of Charts
● Responsive Bootstrap 4 Framework
● Data Tables
● File upload
● TimeLine
● Editable Text
● Form Elements
● Under Construction Page
Technologies Used: Bootstrap, HTML5, CSS3, JavaScript, JQuery
Description: Ekart – Multipurpose eCommerce React Template is a multi-use React template. It is should be designed to go well with multi-purpose websites. Ekart Bootstrap 4 Template should help you run multiple businesses.
Ekart – Multipurpose Website is specially designed for every kind of online shops: clothes, mobile, bags, shoes, accessories, fashion, and so on.
Actions to be Performed:
● Latest React
● Bootstrap 4.1 and Saas Supported
● React CLI
● Strip JS Checkout
● Paypal Gateway Integrated
● 12 color options
● Translation Ready
● Multiple Currency
● Sass Processor css
● Pagination & Infinite Scrolling Integrated
● Responsive Design
● High Resolution
● Blog Pages
Technologies Used: ReactJS, Bootstrap, HTML5, CSS3, JavaScript, JQuery
Description: Database CRUD (Create, Read, Update, Delete) operation using ReactJS + NodeJS + MongoDB (Material Designed) This NodeJS directive is capable of automatically generating the database table management pages (creation, update, deletion, and listing) Developed Based on Google Material Design Specs which produce an aesthetic, fast and smooth UI.
This ReactJS web app is for website manager’s to develop database admin pages with the help of a directive which in turn reduces the hard repetitive tasks.
Actions to be Performed:
● Auto-generate Material Designed Admin Pages for MySQL database tables
● Boilerplate to start developing Enterprise level Material design single page web app
● Supports both local and OAUTH authentication using Passport
● Based on Google Material Design SPECs
● Mobile-first adaptive framework which is good looking and easy to use
● Built over ReactJS SPA (Single Page Application) framework
● Automatically generates ReST API using NodeJS at the backend for faster service
● Instantly create admin panels with user roles
● Modular Code – Both client and server
● Better Authentication
● Endpoint generator
● Smarter build process
● Deploy to cloud with a single command
Technologies Used: NodeJS, MongoDB, ReactJS, Bootstrap, HTML5, CSS3, JavaScript, JQuery
Learn Full Stack Web Development and get certified from MICROSOFT
- Reflects your skills.
- Upgrade your business impact.
- Helps you getting hired.
Course Features
Guidance from Corporate Specialists
Resolve all theory and projects related queries from our industrial mentors
Corporate Boost Camps
Participate in workshops and live webinars to understand technical terms and trends and make your learning reasonable
Peer Networking
Build around a cohesive learning network with workmates, mentors, and experts to share ideas, address intra-queries and resolve projects, learning, and practical learning ambiguities.
Placement Assurance
We make you industry ready as you get equipped with all the requisites through our extensive and one of its kind learning programs.
Course Fee
EMI Starting @
₹5,833/month
Tenure - 24 months
Total Program Fee
₹1,50,000
Registration Fee (Included in Total Fee)
₹10,000
Get a chance to win a scholarship up to ₹50,000 T&C Apply
Course Fee
EMI Starting @
₹5,833/month
Tenure - 24 months
Total Program Fee
₹1,50,000
Registration Fee (Included in Total Fee)
₹10,000
Apply Now
How will you benefit from this course
- Certified Full Stack Web Developer Without Quitting Your Job
- Cutting-Edge Curriculum Designed By Industry Experts
- Alumni Status From GeekLurn
- Career Transition With Up To 45% Salary Hike
- Hiring Opportunities From Uber, Microsoft, PWC, Genpact and More
Our Hiring Partners
Opening the doors to the best in the industry
Student Reviews
Frequently Asked Questions
No, you need not have any coding background to learn web development.
Yes, definitely. We have easy EMI policies for our students to avail.
After completion of the course, the participants will be exposed to the Microsoft certification exam registration process for enrollment, once enrolled for the exam he/she needs to take up the examination in Vaidehi Software Technologies which has been recognised as Authorised Testing Center for Microsoft Examinations. After successfully clearing the exam the Microsoft will directly issue the certificate to the participants.
Yes, indeed. This course is student-friendly, irrespective of their academic background. It will be an excellent opportunity for you to grab this course and uplift your resume.
Yes, indeed. This course is student-friendly, irrespective of their academic background. It will be an excellent opportunity for you to grab this course and uplift your resume.
- After the course completion, the Candidate must take the entrance test conducted by GEEKLURN and must get 60% of Minimum pass marks in order to get seat for this program.
- Candidates who are getting more than 90% marks in the test are eligible for 100% fee wavier thus he/she will get the complete course at free of cost with guarantee placement.
- After completion of course, the Candidates must pass the MICROSOFT certification exam.
Yes, you will have a hold on the front end, developing by mastering HTML, CSS, Javascript, and frameworks.
- Design and layout analyst.
- Web marketing analyst.
- Front end web developer.
- Back end web developer.
- UI designer.
- UX consultant.
No, it’s completely free.
- Participants will get real-time training sessions & materials form MICROSOFT company experts.
Yes, after 3 months of course completion the students will be assigned to the real-time project assignments based on the client requirements, thus he/she will start working as Full Stack Developer with at most confidence to handle the real-time client projects.
