• phone icon +44 7459 302492 email message icon info@uplatz.com
  • Register
Job Meter = High

Bundle Course - Full Stack Web Development

200 Hours
Self-paced Training (pre-recorded videos)
USD 70 (USD 140)
Save 50% Offer ends on 30-Nov-2023
Bundle Course - Full Stack Web Development course and certification
2821 Learners

About this Course

This Full Stack Web Development course by Uplatz is a combo course of web development technologies that can help you become a successful web developer. Understanding of all backend and frontend technologies of web design & development provides you a valuable skill-set of managing the complete end-to-end web development process.


This Full Stack Web Development training consists of the following courses:


1) JSP


2) Java Servlets


3) JavaScript


4) MongoDB


5) AngularJS


6) ReactJS


7) Node.js


8) HTML5 & CSS3






Java is an object-oriented programming language and computing platform and works on every platform such as Mac, windows, linux, etc. It is used to create application on single or among servers in a network. It is platform-independent and move easily from one computer to another.






JavaScript is a programming language and is used to develop front-end and back-end software. It is also used to create and control the web content and it includes graphics, photo slideshow, etc. JavaScript is important and plays a crucial role in clients validation, manipulating HTML pages, facilitate to make presentations, etc.






MongoDB is an open-source cloud-platform, document database. MongoDB is used to store files, perform aggregation in three ways: Pipeline, MapReduce and Single purpose aggregation. It is fast, scalable, high performer and used in Big data, user data management, Data hubs, etc.






React.js is an open-sourced, flexible and efficient JavaScript library, used to create user interfaces and provides great user experience. It is used to create web and mobile apps and maintained by Facebook.






Node.js is an open-sourced platform used to create applications. It is fast, event-driven and highly scalable. It is used in areas like I/O bound applications, single page application, Data-Intensive Real-time-application, etc.






HyperText Markup Language is a computer language that makes the text more interactive and dynamic. It is used to create web pages and applications. There are several HTML tags contains a different meaning. Some are “!DOCTYPE”, “HTML”, “title”, etc. It can be used to make an impressive presentation as it allows adding graphics, videos and sound. CSS3 is the latest version of cascading style sheets (CSS). It has additional features like media queries, namespace, colour, etc., and used to enhance the presentation.


Bundle Course - Full Stack Web Development

Course Details & Curriculum

Introduction to JavaScript


• Introduction to Scripting


• JavaScript Characteristics


• JavaScript and Common Programming Concepts


• JavaScript Flavors and Versions


• Technologies Based on JavaScript


• Server-Side vs. Client-Side Applications


• Annotating Your Code with Comments


• Expanding the Role of JavaScript




Working with Variables and Data in JavaScript


• Using JavaScript to Communicate with the User


• Using Data More Than Once: Variables


• JavaScript Operators


• JavaScript Expressions


• JavaScript Alerts and Prompts


• Inline Scripting, Simple User Events and Basic Event Handlers


• JavaScript Keywords and Reserved Words




Functions, Methods and Events in JavaScript


• Introduction to Functions


• Defining a Function


• Calling a Function


• Methods as Functions


• Types of Functions


• User Events and JavaScript Event Handlers




Debugging and Troubleshooting JavaScript


• What Is Debugging?


• Tools for Debugging Code


• Testing Code in Various Browsers


• Debugging Logic Errors


• JavaScript and Mobile Devices




Controlling Program Flow in JavaScript


• Controlling Decisional Program Flow


• The if...else Statement


• The while Statement


• The do...while Statement


• The for Statement


• The break Statement


• The continue Statement


• The switch Statement




The JavaScript Document Object Model (DOM)


• The JavaScript Document Object Model (DOM)


• The window Object


• The document Object


• The image Object


• The history Object


• The location Object


• The navigator Object


• The Virtual DOM




JavaScript Language Objects


• Introduction to JavaScript Language Objects


• The String Object


• Evaluating Strings


• JavaScript Regular Expressions


• The Array Object


• The for Each Method


• The Map Method


• The Date Object


• Setting and Extracting Time Information


• The Math Object




Custom JavaScript Objects


• Creating Custom Objects


• Creating a JavaScript Object: The Constructor


• Creating an Instance of a Custom Object


• Creating Object Methods


• Creating Functions for Your Objects


• Concept of Classes


• Iterators and Generators


• Call, apply and bind




Changing HTML on the Fly


• Changing HTML on the Fly


• Using the getElementById Method


• Using the getElementsByName Method


• Using the getElementsByTagName Method


• Using the getElementsByClassName Method


• Modifying Attributes within the DOM


• Appending Text to the DOM




Developing Interactive Forms with JavaScript


• Interactive Forms


• Overview of Form Elements


• Referring to Form Elements


• The form Object


• The input Elements and text Objects


• The textarea object


• The select Object


• Form Validation


• Common form Security Errors




JavaScript Security


• Introduction to JavaScript Security Issues


• Browser vs. Operating System


• Browser-Specific Security Issues


• Browser Compatibility and Client-Side Detection


• Script Blocking


• Differences in document.write Among Browsers


• Malicious and Accidental Coding


• Frame-to-Frame URL Changing


• Signed Scripts


• Cross-Site Scripting (XSS)


• Cookies and Security in JavaScript


• Ethics in Collecting, Storing, Using and Protecting User Data


• Creating Secure JavaScript Code




JavaScript Libraries and Frameworks


• Introduction to JavaScript Libraries and Frameworks


• Choosing a Code Library


• External and Pre-made Scripts


• Loading Your First Library


• Using JavaScript Library Plug-ins


• Using Frameworks


• Best Practices with JavaScript Libraries and Frameworks


• Copyright Issues and JavaScript




JavaScript and AJAX


• Introduction to AJAX


• Handling Data and Content Types


• Interactions Among JavaScript, Data and HTML


• Using AJAX Scripts


• AJAX and Servers


• AJAX and Databases


• Usability Issues with AJAX


• Combining AJAX with Libraries




Introduction to Web APIs


• Web Application Programming Interface (API)


• The Web Storage API


• The Geolocation API


• The Canvas API



HTML5 & CSS3 - course syllabus





• History of HTML


• What you need to do to get going and make your first HTML page


• What are HTML Tags and Attributes?


• HTML Tag vs. Element


• HTML Attributes


• How to differentiate HTML Document Versions




HTML - Basic Formatting Tag


• HTML Basic Tags


• HTML Formatting Tags


• HTML Color Coding




HTML - Grouping Using Div Span


• Div and Span Tags for Grouping




HTML - Lists


• Unordered Lists


• Ordered Lists


• Definition list




HTML - Images


• Creating an image


• Choosing alt text


• Responsive image using the srcset attribute


• Responsive image using picture element




HTML - Hyperlink & Anchors


• Link to another site


• Link to an anchor Link to a page on the same site Link that dials a number


• Open link in new tab/window


• Link that runs JavaScript Link that runs email client




HTML - Tables


• Simple Table


• Spanning columns or rows


• Column Groups


• Table with thead, tbody, tfoot


• Heading scope




HTML - iframe


• Attributes Using


• iframe as the Target




HTML - Forms


• Submitting


• Target attribute in form tag


• Uploading Files


• Grouping a few input fields




HTML - Headers


The HTMLelement provides general information (metadata) about the document,


including its title and links to its scripts and style sheets.


• Title


• Base


• Link


• Styles


• Script




HTML - Miscellaneous


• Tags, xhtml and deprecated tags


• HTML Meta Tag






• HTML Deprecated Tags & Attributes






CSS Introduction


• CSS Syntax


• CSS Id & Class


• CSS Styling


• Styling Backgrounds


• Styling Text


• Styling Fonts


• Styling Links


• Styling Lists


• Styling Tables


• CSS Box Model


• CSS Border


• CSS Outline


• CSS Margin


• CSS Padding


• CSS Advanced


• CSS Grouping/Nesting


• CSS Dimension


• CSS Display


• CSS Positioning


• CSS Floating


• CSS Align


• CSS Navigation Bar


• CSS Image Gallery


• CSS Image Opacity


• CSS Image Sprites


• CSS Media Types




Selectors and Pseudo Classes


• Attribute Selectors


• The Target Pseudo-Class


• UI Element States Pseudo-Classes


• Negation Pseudo-Class


• Structural Pseudo-Classes



MongoDB - course syllabus



Introduction to NoSQL Architecture with MongoDB


• What Is MongoDB?


• Downloading the required Software


• Installation and Configuration


• MongoDB Advantages


• MongoDB Data Modelling


• MongoDB Tools, Collection and Documents


• Configuration Files


• Touring the File Structure


• Securing the Installation




CRUD and the MongoDB Shell


• Introduction to CRUD


• Introduction to the MongoDB API


• Creating a Database, Collection and Documents




Data Modelling and Schema Design


• MongoDB Database References


• Model Tree Structures


• MongoDB Analyzing Queries


• MongoDB Atomic Operations


• MongoDB Map Reduce


• MongoDB Text Search


• MongoDB Regular Expression


• MongoDB Capped Collections


• Data Storage


• Working with Datatypes


• Collections


• Document Datatypes


• Creating _id Fields




Querying Data


• Databases and Collections


• Querying Collections


• Working with Operators


• Referencing a Database


• Querying Dates




Manipulating Data


• Inserting Data into Collections


• Updates


• Deletes


• Atomic Operations


• Removing Data


• Capped Collections




High Performance Options


• Creating Indexes


• Manipulating Index Behaviour


• Index Properties


• Specialised Index Types


• Replication


• Sharding




Aggregation Framework


• Aggregating Results


• Single Purpose Functions


• The Aggregation Pipeline


• Date Aggregation Operators






• Indexing and Aggregation


• Indexing, query profiling and the query optimizer


• Geospatial Indexes


• Index types, Index Properties


• MongoDB Advanced Indexing


• MongoDB Indexing Limitations


• Aggregation Introduction






• Replication Concept


• Failover & Recovery






• MongoDB Deployment and Cluster setup


• MongoDB GridFS


• Trident Spout


• Working with Replica Sets


• MongoDB Sharding


• MongoDB Create Backup




Using an API


• Introducing Drivers


• Java




• Ruby


• Python



JAVA Programming - course syllabus



Java Overview


• How the Java Environment Works


• HelloWorld Program


• Launch Single-File Source Code


• jShell REPL


• Comments and Terminators


• Identifiers




Syntax and Types


• Java Variables


• var declarations


• Java Types


• Basic Java Types


• Reference types


• Conditional Expressions


• Logical operators


• If statement


• While Statement


• Do Statement


• For statement


• Special flow of control operators


• Switch statement


• Numerical Operators


• Casting


• Strings




Classes and Objects


• What is an Object?


• Objects and Encapsulation


• What is a Class?


• Class Object Relationship


• The Person class


• Variable types


• Constructors


• Working with the class Person




Working with Methods


• Method Definitions


• Method Arguments & Return Types


• Overloading Methods


• Method Invocations


• Defining methods


• Constructors Versus Methods


• toString() method


• Adding behaviour to the class Person


• The PersonApp program




Class Inheritance


• Inheritance in Java


• Implementing Inheritance


• Rule for overriding methods


• Rules for Polymorphic variables


• Casting and Inheritance


• The super variable


• Constructors and Inheritance




Abstract Classes, Class Side Behaviour and Final


• Abstract Classes


• Abstract Classes in Java


• Defining an Abstract Class


• Extending an Abstract Class


• Using Concrete Subclasses


• Class Side Information


• Class Side Data


• Class Side Behaviour


• Final Keyword




Java Interfaces and Enumerations


• What is an Interface in Java?


• Basic Interface Definitions


• Implementing an Interface


• Interface


• Using an Interface in a Contract


• Inheritance by Interfaces and Types


• Classes and multiple Interfaces


• Default Interface Methods


• Static Interface Methods


• Enumeration Support


• Implementing Enumerated Types






• Packages


• Class-Package Relationship


• Declaring Packages


• Packaging the Person class


• Role of the Classpath


• JAR Files


• Encapsulation and Packages


• Class modifier


• Constructor Modifier


• Variable Modifier


• Method Modifiers


• Package Summary




Java 9+ Modules


• Introduction the JPMS


• Java Platform Module System


• Why we need modules


• Look at what modules are


• How to define a module


• How to create a single module application


• How to link modules






• What is a Java Array?


• Creating arrays of Objects


• Accessing Array Elements


• Main method args array


• Short hand from


• Ragged Arrays in Java


• Working with Ragged Arrays


• Implications of Inheritance for Arrays


• Integer Array Example




Java Generics


• Generics and Basic Types


• Generics and Their Types


• Adding Generics to your classes


• A simple user defined Generic class (the Bag class)


• Type Equality


• Generic Collection Assignment


• Generics and Inheritance




Collections Classes


• Collections API


• ArrayList


• Interfaces v Concrete Classes


• HashMap


• Iteration and Enumeration


• Queues


• Generics and Collections


• For Loops


• Boxing and Unboxing


• Raw Collections




Java 9+ Immutable Collections


• Why Immutability?


• Immutability


• List.of Factory method


• Set.of Factory method


• Map.of Factory method


• Immutable Collection Nodes


• Java 10 Enhancement




Error and Exception Handling


• Errors & Exceptions


• Exception types in Java


• Part of the Exception Hierarchy


• Exception Handling


• Local Handling


• Exception Handling Example


• Passing the Buck


• Try with Resources


• Defining new Exceptions


• Chained Exceptions




Nested / Inner Classes


• Four types of Nested / Inner Class


• Properties of Member level inner classes


• Properties of Method Inner classes


• Anonymous Method Inner classes


• Java 11 Nest-based Access




Java Functions


• Functional Programming


• Functional Programming in Java


• Functional Interfaces


• Using Functional Interfaces


• Lambdas in Java


• Closing / Capturing Variables


• Returning Functions


• Combining Functions


• Higher Order Functions


• Defining Lambdas


• Method References




Java Optional Type


• Null considered Harmful


• Java Optional Type


• Optional Variables


• Creating Optional values


• Method Summary




Java 9 Streams


• Streams


• Streams from Collections


• Terminal / Non Terminal Operators


• Creating a Stream


• Map Operation


• Collectors


• Filter operation


• Sorted operation


• ForEach


• Pipelining Operations


• Parallel Streams


• Not just collections




Files, Paths and IO Streams


• Introducing NIO.2


• Paths class and Path Interface


• The Files class


• File Attributes


• The File Watcher Service


• IO Streams


• Scanners



ReactJS - course syllabus

• Introduction


• What is ReactJS?


• Installation or Setup


• Hello World with Stateless Functions 


• Absolute Basics of Creating Reusable Components


• Create React App


• Hello World


• Hello World Component


• Components


• Creating Components


• Basic Componeents


• Nesting Components


• Props


• Component states - Dynamic user-interface


• Variations of Stateless Functional Components


• setState pitfalls


• Using ReactJS with TypeScript 


• ReactJS component written in TypeScript


• Installation and Setup


• Stateless React Components in TypeScript


• Stateless and property-less Components


• State in React


• Basic State


• Common Antipattern


• setState()


• State, Events And Managed Controls


• Props in React


• Introduction


• Default props


• PropTypes


• Passing down props using spread operator


• Props.children and component composition


• Detecting the type of Children components


• React Component Lifecycle


• Component Creation


• Component Removal


• Component Update


• Lifecycle method call in different states


• React Component Container


• Forms and User Input


• Controlled Components


• Uncontrolled Components


• React AJAX call


• HTTP GET request


• HTTP GET request and looping through data


• Ajax in React without a third party library - a.k.a with Vanilla


• Communication Between Components


• Child to Parent Components


• Not-related Components


• Parent to Child Components


• Stateless Functional Components


• Stateless Functional Component


• Performance


• Performance measurement with ReactJS


• React's diffs algorithm


• The Basics - HTML DOM vs Virtual DOM.


• Introduction to Server-Side Rendering


• Rendering components


• Setting Up React Environment


• Simple React Component


• Install all dependencies


• Configure webpack


• Configure babe


• HTML file to use react component


• Transpile and bundle your component


• Using React with Flow


• Using Flow to check prop types of stateless functional components


• Using Flow to check prop types




• Props in JSX


• Children in JSX


• Keys in react


• Using the id of an element


• Using the array index


• Higher Order Components


• Higher Order Component that checks for authentication


• Simple Higher Order Component


• React with Redux


• Using Connect

Full Stack Web Development

This Full Stack Web Development Combo training will help the participant to master the web development Programming languages. As a part of this Full stack Web Development Combo training, the participants will master the popular web programming languages.


In Full Stack Web Development Combo Course module, the participants understand the front-end and back-end technologies of web design and development. In the Full Stack Web Development Combo course, the participants will learn to deal with web designing, web development technologies and processes.


The Web Developer get trained in DOM, Formatting, CSS, HTML, React.js, Node.js, MongoDB, Javascript and web page interaction. Full Stack Web Development Combo tutorial helps the participants to fulfil the role of a Web Developer. Full stack Web Development Combo Course training course requires a basic understanding of web mark-up languages such as HTML5 and basic knowledge of programming and scripting language.


Web Development Technologies contains a series of scripting and programming language that an emerging web developer need to know well. The Full Stack Web Development Combo training course from Uplatz can help the participants to understand the importance of web designing and development technologies. The Web Developer training course validates whether the participants has proven basic knowledge of web development using Java, JavaScript, ReactJS, Node.js, MongoDB, CSS3 and HTML5. The Web Developer training course helps the participants to create and maintain more dynamic and interactive web pages and improve their coding skills. The Full Stack Web Development Combo Course training course verifies the participants ability in web coding and development.


Uplatz online training ensures the participants to successfully go through the Full Stack Web Development Combo training course. Uplatz provides appropriate teaching and expertise training is provided to equip the participants for implementing the learnt concepts in an enterprise.


Course Completion Certificate will be awarded by Uplatz upon the completion of the Full Stack Web Development course.

Career Path

The Web Developer draws an average salary of $89,083 per year depending on the knowledge and hands-on experience. The Web Developer job roles are in high demand and make a promising career.


Web Developers have huge demand across various MNCs. The importance of web development technology in various companies can open up good job opportunities. The leading companies hire web Developer considering their skill of mastering web programming and designing tasks. The Participants earn web developer training through our course completion certificate.


The Full Stack Web Development combo course is ideally designed for web designers, programmers and those who aspire to build their career in web programming.


After pursuing Full Stack Web Development Combo course the participants can pursue a wide range of career paths.


The following are the job titles:


·       JavaScript Programmer


·       MongoDB Developer


·       JS Developer


·       Front End Developer


·       Web Developer


·       UI Developer


·       Full stack Developer 


Full Stack Web Development Combo Course Training course is worth for any web developers to improve their web programming skills.

Didn't find what you are looking for?  Contact Us