+44 7459 302492
info@uplatz.com
Job Meter = High
Bundle Course - Full Stack Web Development (Java - JS - MongoDB - ReactJS - HTML5 - CSS3)
Hours
Online Self-paced Training
USD 630 (
About this Course
Full Stack Web Development refers to the development of both the Client-Side and Server-Side portions of web applications. Along with mastering HTML and CSS, a Full Stack Web Developer should master his skills on Java, JavaScript, MongoDB and also ReactJS. In order to become a full-stack web developer, one should have knowledge on the frontend, backend, database and debugging of websites or web applications.
In this course on the Full Stack Web Development, Uplatz is offering a 5 in 1 bundle course covering topics on:
Java: Java Programming is an object-oriented, class-based high-level programming language which was developed in the early ’90s by Sun Microsystems. Java programs are highly portable across all platforms where each Java program is translated into Java bytecode and each machine has a Java Virtual Machine installed in it which exactly knows how to execute a Java bytecode.
JavaScript: JavaScript or commonly abbreviated as ‘JS’ in the programming world is a scripting language which is used to dynamically create the webpages for a website. Although, it was originally developed to work as a Client-Side scripting language for web development, but with the passage of time, this language has gained popularity and now it is been extensively used as a server side programming language along with some other uses like creating desktop applications, making Android and IOS applications for smartphones etc.
MongoDB: MongoDB is a document-oriented NoSQL database used for handling a high volume of data storage. Instead of using the traditional database rows and columns, MongoDB deals with the collection of documents. MongoDB is written in C++ language.
ReactJS: ReactJS is a popular JavaScript library that is designed to create components for a web page. It is developed and maintained by the Facebook community.
HTML5 & CSS3: HTML or HyperText Markup Language is a markup language specifically used to design the web pages of a website. HTML has got several versions of its own and the latest being the HTML5. With the inclusion of HTML5, a user can add his desired audio and video files within his website which was not available in the earlier versions of HTML.
CSS or Cascading Style Sheets is an integral element in Web Development which allows a user to give styling to a webpage such as colour, font, the position of the element etc. and also does animations for that website. CSS3 is the latest version of CSS which supports responsive design for the users and also can be split into different modules.
CSS or Cascading Style Sheets is an integral element in Web Development which allows a user to give styling to a webpage such as colour, font, the position of the element etc. and also does animations for that website. CSS3 is the latest version of CSS which supports responsive design for the users and also can be split into different modules.
At the end of this course, a student can make his career as a Full Stack Web Developer and can join any organization of his will.
Bundle Course - Full Stack Web Development (Java - JS - MongoDB - ReactJS - HTML5 - CSS3)
Course Details & Curriculum
Bundle Course - Full Stack Web Development
(Java - JS - MongoDB - ReactJS - HTML5 - CSS3)
Course Curriculum
JavaScript
Course Content
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
HTML5
Introduction
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
The HTML
and element is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the class or id attributes), and inline level and block level separation.
Div and Span Tags for Grouping
HTML - Lists
The HTML
- element is used to represent an item in a list. It must be contained in a parent
element: an ordered list (
- ), an unordered list (
- ), or a menu (
list items are usually displayed using bullet points, now we are going to check how to use html list.
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
The HTML
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
The HTMLelement represents metadata that cannot be represented by other HTML
meta-related elements, like , ,
Career Path
Full Stack Developer
Web Developer
