Module 1:Semester 1 | Module 1 β HTML
Introduction To Web And Basic HTML Tags
- Pieces that make the web work
- Introduction to front-end
- Basic structure of an HTML page
- Attributes, elements and relationships
- Basic tags β Paragraph, headings, hr, br
- Basic attributes β ID and class
Structuring Content Using HTML Tags
- Classification of elements β Block and in line
- Container tags β Div and span, and when to use them
- Including media β Images, audio and video
- Lists β Ordered and unordered list
- Un styled lists and list-based menus
Working with Forms
- What happens when a form is submitted
- Pieces of a simple form β Form, text input with name attribute, submit button
- Submitting data to another page (action attribute)
- Changing the HTTP method used for submission (method attribute)
- Various input types β Password, text area, check box, radio buttons, select dropdown, file input
- HTML5 input types β Email, URL, number, date
- HTML5 input and form attributes β Required, placeholder, no validate
Deeper Understanding of Client-Server Communication
- Introduction to chrome dev tools β The network tab
- Understanding parts of a URL
Module 2 β CSS
Introduction to CSS, CSS Inheritance and Various Selectors
- Including CSS
- Choosing the way to include CSS
- Selectors β Universal, ID, class, type, attribute
- Pseudo classes β Link-related classes
- Structural Pseudo classes β
- Combinators β No spaces, child selector, descendant selector, combining selectors using comma
- Inheritance β Initial and inherit values
The Cascade, Specificity and Style Resolution
- Cascade β User-agent vs author styles
- Cascade of embedded styles, external style sheets, inline styles
- Introduction to specificity β how selectors affects styles applied
- Specificity β ID vs class vs type selector
- Specificity calculation and style resolution in case of complex selectors
- Units for CSS properties β United and unitless, absolute vs relative
- Default values for properties (initial values)
- Computed and resolved styles
Important CSS Properties
- Various ways of specifying colors
- Using background properties with image sprites
- Typography related properties
Deeper Understanding of Client-Server Communication
- Introduction to responsive web design (RWD)
Module 3:JavaScript
Introduction, Variables, Scopes & Data Types
- History of JavaScript
- Setting up the environment
- Running JavaScript in the browser and Node
- Variables and primitive data types
- Variable scopes, scope chain
Operators, Control Flow & Functions
- Operators and expressions
- Control flow β Branching and looping
- Function declaration and usage
- Anonymous function and function expression
- Functions call context (this keyword)
- Handling variable number of arguments
- Callbacks β passing functions as arguments
Functions (Continued) & Objects
- Object declaration using literal syntax
- Accessing properties and methods
- Adding and deleting properties
- Listing object properties β for..in loop and object.keys()
- Constructor function and the new keyword
- Function β functions as objects
- call(), apply() and bind() as methods of functions
Built-in Objects and Functions
Exception Handling & Browser Objects
DOM and Event Handling
- Node relationships and DOM tree traversal
- Methods for DOM manipulation
- Different ways to handle events
- Event object properties and methods
Module 4: React JS
What is React JS?
- ReactJS Introduction
Overview of JSX
- Introduction of Virtual DOM.
- Difference between JS and JSX.
- React Components overview
- Containers and components
- What is Child Components?
- What is Namespaced components?
- What are the JavaScript expressions available in JSX?
React JS EnvironmentSetups
- How to create package.jsonand purpose of it?
- ES6 Introduction and features.
- Best IDE for ReactJS and How to write optimized code in ReactJS?
- ReactJSbrowser plugins overview.
A Real-Time Application By Using ReactJS
- Create a React component with JSX template.
- How to create Nested Components?
- Introduction of Props validation with data types.
- Flow of States, Initialize states and update states.
ReactJS Forms and UI
- Lists of Form components.
- Setup Controlled and Uncontrolled form components.
- How to set default values on all formats of Input elements.
- ReactJS Form validations.
ReactJS ComponentLife Cycles Overview
Routing in ReactJS and Other JS Concepts
- Single Page Application Overview.
- How to configure React Router?
- How to Handle Conditional statement in JSX?
- IIFE in JSX for complex logic overview.
Eventhandling in JSX
- onBlur, onKeyUp, onChangeand other useful primary events in React JS.
- How to Sharing events between the components?
How To Write Styles in ReactJS?
- CSS and inline styles in React JS overview.
- Introduction to styled components
- Styling the application using styled component
- How to use Animations In the Application.
React Router With Navigation
- How to Load the router library?
- Configure the React Router?
- How to Pass and receive parameters?
- Integration of React-cookie overview.
Flux, Redux Overview
- What is Flux Architecture?
- What are the Flux Components available?
- Flux and React works together.
- Introduction to One Store.
React Server Integration & Deployment
Hooks
- Side effects using the use Effect hook
Code Splitting
- Code splitting & Suspense
- Route Based Code Splitting
Semester 2 | Module 1 β Java
Coding Fundamental and Basics of Programming
- Basics of programming
- Decision making operators
Introduction of Java with Commands
Concept of OOPs
Classes, Interfaces, Enum etc.
Control Statements
I/O and Arrays
- Displaying output as error
String, Math, Formatted etc.
- Identifying length of string
Packages
- Naming conventions in packages
- Importing all classes in package
Exception Handling
- Keywords in exception handling
Wrapper Classes
- Built in wrapper conversion utilities
Generic
Collections
Files & Threads
- Appending to existing file
- Delete file, asynchronous process
Anonymous Inner Class
JAVA 8 β Lambda Expression and Default Methods
- Convert interfaces to Lambda expressions
- Convert anonymous classes to Lambda expressionsβ
Predefined Functional Interface
- Identify functional interface
- Create functional interface
- Categories of functional interface
Streams
Date & Time API
- Manipulate date operations
Module 2 - Maven & Actuator
- Excluding maven dependencies
Tomcat
Spring Boot Basics CLI
- How to create a spring boot application in IDE Spring Tool Suite
- How to create a spring boot application from Spring Spring
Boot Restful Services
Spring Boot JPA
- CRUD operations using JPA
Actuator
- Production ready features
- Integrate Spring Boot Actuator
- Enable all metrics in Actuator
- Customize health Endpoint
Logging, Profiles & Security
- Spring profiles & configuration
- Spring security using JWT
Spring Boot Restful Services
- Aspect oriented programming
Module 3 - Mongo DB
- Paging And Sorting Repository
Mongo DB
- Install Mongo DB & Compass