Course Curriculum
UI COURSE CONTENT
(HTML, CSS, BOOTSTRAP, JAVASCRIPT, ES6)
Session-1
• UI Technologies Course Content
• Introduction of UI Technologies
• UI Developer roles and Responsibilities
• Technologies around
HTML Basics of HTML & CSS
• Document Object Model (DOM)
• Structure of HTML Page
• Mandatory tags in the HTML page (HTML, head, body)
• What is CSS
• Different ways of applying CSS for elements, and priority chain of CSS
• Heading tags(H1…H6), Tags and attributes(Class, Id, style..etc)
• Inline and block-level elements HTML Tags
• Including external page links in a page using anchor tags and its properties
• Working with row and column data using table tags
• Hiding and unhiding elements using display property
• image tag, p tag, ul and ol tags, li, nobr, hr, br etc
• Layouts, forms, buttons
• Input fields ( text box, radio button, checkbox, dropdown, text area etc)
HTML5
• List of Browsers support HTML5
• Media tags (audio and video tags)
• Graphics using Canvas tag
• Drag and Drop features
• Working on locations lat and long using Geolocation
• Storing user preferences using LocalStorage. Form Elements
• Get & Post
• Validating input values in a form
• Form action and type
Session-2
CSS properties
• Adding borders, font, pseudo classes
• Positioning elements (absolute, relative, fixed and static)
• Box model (margins, padding)
• Floating elements (float left, right etc.)
• Absolute and Relative Paths
• Including external resources like CSS, images etc CSS 3
• Difference between CSS2 and CSS3
• Adding borders and backgrounds
• Advanced text effects(shadow)
• Adding Transitions to elements
• Responsive Designs
• Difference between multiple devices, making a page to work on multiple devices
• Media queries
Bootstrap:-
• What is Bootstrap Framework
• Advantages of Bootstrap Framework
• What is Responsive web page
• What is Mobile-First Strategy
• Setting up Environment
• How to apply Bootstrap to Applications Bootstrap Grid
• What is Bootstrap Grid & How to apply Bootstrap Grid
• What is Container
• What is Offset Column
• How to change class properties
• How to use Typography
• What is Bootstrap Tables
• What is Bootstrap Form Layout
• How to hide or show the text in Bootstrap
Bootstrap Components:-
• Why Bootstrap Components & Advantages
• What are the different types of Bootstrap Components
• How to use Glyphicons Component
• What is Bootstrap Dropdown Menu Component
• How to use Button Groups and Button Toolbar
• What are different Input Groups Components
• What is Navigation Pills & Tabs Components
• How to build a Responsive Navbar
• How to Add Forms and other controls toNavbar
• What is Jumbotron / Page Header Components
• How to Create Progress Bar
• What is Media Objects Component
• What is Bootstrap List Group Component
• What is Bootstrap Panel Component
JavaScript
• Introduction
• Data types and data structures in Js
• Control structures, if, if-else, while, for, switch case statements
• Dynamic creation and manipulation of DOM elements using JS
• Adding dynamic event listeners to DOM elements
• Event capturing and event bubbling
• Validations using key char codes
• JavaScript Supported Data structures
• Arrays & Objects
• Predefined methods in arrays
• Strings and predefined methods
• Session-4 & 5
Advanced JavaScript ES6
• Adding methods for an object
• Module Introduction
• Understanding “let” and “const”
• Arrow Functions
• Exports and Imports
• Understanding Classes
• Classes, Properties and Methods
• The Spread & Rest Operator
• Destructuring
• Reference and Primitive Types Refresher
• Refreshing Array Functions
• Wrap Up
• Next-Gen JavaScript – Summary
• JS Array Functions
REACT JS COURSE CONTENT
1. Getting Started
• React JS Introduction
• First React Code
• React Alternatives
• Single Page Applications and Multi Page Applications
2. Basic Features & Syntax
• The Workflow
• Create React App
• Folder Structure
• Component Basics
• Functional Component
• Working with Props
• Understanding the “children” Prop
• Understanding & Using State Props & State
• Handling Events with Methods
• Manipulating the State Function
• Components Naming
• Using the useState() Hook for State Manipulation
• Stateless vs Stateful Components
• Passing Method References Between Components
• Adding Two Way Binding
• Adding Styling with Stylesheets
• Working with Inline Styles
3. Lists and Conditionals
• Rendering Content Conditionally
• Outputting Lists
• Lists & State
• Updating State Immutably
• Lists & Keys
• Flexible Lists
4. Components & React Internals
• Project Structure
• App Into Components
• Comparing Stateless and Stateful
• Components Class-based vs Functional Components
• Class Component Lifecycle Overview
• Component Creation Lifecycle in Action
• Component Update Lifecycle (for props Changes)
• Component Update Lifecycle (for state Changes)
• Using useEffect() in Functional Components
• Controlling the useEffect() Behavior
• Cleaning up with Lifecycle Hooks & useEffect()
• Cleanup Work with useEffect() – Example
• Using shouldComponentUpdate for Optimization
• Optimizing Functional
• Components with React.memo()
• PureComponents instead of shouldComponentUpdate React.
• Fragment
• Higher Order Components (HOC) –
• Introduction Passing Unknown Props
• Setting State
• Correctly Using
• PropTypes Using
Refs
• Refs with React Hooks
• Problems Using the Context
• API contextType & useContext()
5. Http /Ajax
• Http Requests in React
• Project with Axios
• Http Request to GET
• Data Making a Post Selectable
• Fetching Data on Update (without Creating Infinite Loops)
• POSTing Data to the Server
• DELETE Request
• Adding Interceptors to Execute Code Globally
• Removing Interceptors
• Setting a Default Global Configuration for Axios
• Creating and Using Axios Instances
6. Multi-Page-Feeling in a Single-Page-App: Routing
• Routing and SPAs
• Setting Up Links
• Setting Up the Router Package
• react-router vs react-router-dom
• Preparing the Project For Routing
• Setting Up and Rendering Routes
• Rendering Components for Routes
• Switching Between Pages
• Using Links to Switch Pages
• Using Routing-Related Props
• The “withRouter” HOC & Route Props
• Absolute vs Relative Paths
• Absolute vs Relative Paths (Article)
• Styling the Active Route
• Passing Route
• Parameters Extracting
• Route Parameters
• Parsing Query Parameters & the Fragment
• Using Switch to Load a Single Route
• Navigating Programmatically
• Additional Information Regarding Active Links
• Understanding Nested Routes
• Creating Dynamic Nested Routes
• Redirecting Requests
• Conditional Redirects
• Handling the 404 Case (Unknown Routes)
• Loading Routes Lazily
• Routing and Server Deployment
7. Forms and Form Validation
• Custom Dynamic Input Component
• JS Config for the Form
• Create Inputs based on JS
• Config Adding a Dropdown
• Component Handling User Input Form Submission
• Custom Form Validation
• Adding Validation Feedback
• Showing Error Messages
• Handling Overall Form Validity
8. Redux
• Understanding State
• Understanding the Redux Flow Reducer and Store
• Actions Subscriptions
• React to Redux Store to React
• Dispatching Actions
• Passing and Retrieving Data with Action
• Switch-Case in the Reducer
• Updating State
• Immutably Updating
• Arrays Immutably
• Immutable Update
• Patterns Outsourcing
• Action Types
• Combining Multiple
• Reducers
• Understanding State
• Types
• Combining Local UI
• State and Redux
9. Redux Advanced
• Adding Middleware
• Redux Devtools
• Asynchronous Code
• Action Creators
• Action Creators & Async Code Handling
• Asynchronous Code
• Restructuring Actions
• Action Creators and Get
• Switch Case Statement
10.Testing
• Testing?
• Required Testing Tools
• Jest and Enzyme
• Documentations Testing
• Components
11.Deploying the App to the Web
• Deployment Steps
• Building the Project
• Example: Deployment on Firebase
12: REAL TIME PROJECT IMPLEMENTATION – CRUD WEB APPLICATION
Core Java
• Java history
• Java features
• JDK Vs JRE vs JVM
• JDK installation and setting up environment
• Types of Variables and Methods
• Operators in Java
• Types of operators in java
• Control flow statement in Java
• Jump statements
• Class and objects
• Constructor and Constructor Overloading
• Composition
• Inheritance and types inheritance
• Method overloading and Overriding
• Abstract class and Java Interface
• Type casting and types
• Polymorphism and Encapsulation
• Package and Access Specifiers
• Exception Handling
• Customized exception
• Object class and its use
• Strings in Java
• String Buffer & String Builder
• Arrays
• List , Set, Map interfaces with implementation classes
• Sample CRUD application program.
• Arraylist & linkedlist & TreeSet classes.
• Hash table
• Multithreading in Java
• Synchronized Vs non synchronized
• File Input / Output concept
• Java 8 fetaures
J2EE
• JDBC:-
• JDBC basics
• Driver types
• SQL query execution
• Prepared statement
• Result Set
• Transaction Handling in JDBC
• Connection Pool Concept
• Tomcat installation
• CRUD application program on JDBC.
Servlet:-
• Basics of static web page
• Dynamic web page
• Introduction to Servlet Programming
• Servlets life cycle
• Session Management
• Request and response headers
• Request Dispatcher & sendredirective
• Login page with servlet
JSP:-
• Basics of JSP development
• JSP life cycle
• JSP Architecture
• JSP action tags
• Hibernate Overview
• Hibernate-ORM
• Hibernate Architecture
• Hibernate Environment Setup
• Hibernate Configuration
• Hibernate Session
• Hibernate Mapping Files
• Hibernate Mapping Types
• Hibernate Annotation
• Hibernate Query Language
Spring:-
• Spring Overview & features
• Spring Architecture
• Types of dependency injections in Spring
• Spring Auto Wiring
• Spring annotations
• Spring ORM
• Spring security
• Spring MVC
• Spring Boot:-
• Spring boot overview
• Download & install STS application
• Spring boot with annotations
• Spring boot with Web MVC
• Post man download & installation
• Spring boot with data jpa
• Spring boot with restful services
• Micro services overview
• ER Diagram
• Constraints
• Datatypes
• DQL
• Selection and Projection
• Different types of sql clause
• Sql Function
• Single Row Function
• Multi Row Function
• Subquery
• Co – related Subquery
• Group Functions:-
• Joins
• Equi
• Self
• Non-equi
• Outer
• DDL
• Create
• Alter
• Rename
• Drop
• Truncate
DML
Insert
Update
Delete
• DTL
• Commit
• Rollback
• Savepoint
• DCL
• Grant
• Revoke
• Basics PL/SQL
• Introduction:-
• What is python
• Python use cases
• Birth of Python and its timeline
• Features
• Versions
• Python Virtual Machine (PVM)
• Basics:-
• Keywords
• Variables
• Naming conventions
• TYPES AND OPERATORS:-
• INTRODUCTION TO DATA TYPES.
• TYPE CASTING IN PYTHON.
• VARIOUS WAYS OF PRINTING.
• BOOLEAN OPERATORS.
• PLAYING WITH NUMBERS.
• PLAYING WITH STRINGS.
• String quotes.
• Raw strings.
• DOC STRING & COMMENTS.
• CONTROL STATEMENTS:-
• CONDITIONAL STATEMENTS
• Introduction
• Boolean expressions
• Logical Operators
• Using If condition
• Pass
• Applying PEP-8 standards.
• LOOPING STATEMENTS
• for
• while
• range* break
• continue
• WHAT ARE LISTS?
• MUTABLE LISTS.
• IN OPERATOR.
• TRAVERSING A LIST.
• LIST OPERATIONS.
• INDEXING.
• SLICING.
• CONVERTING A LIST TO STRING.
• CONVERTING A STRING TO LIST.
• ALIASING IN LISTS.
• FUNCTIONS IN LISTS.
TUPLES
• WHAT IS TUPLES.
• INDEXING IN TUPLES.
• SLICING IN TUPLES.
• IMMUTABLE TUPLES.
• PACKING AND UNPACKING.
• LISTS AND TUPLES.
• FUNCTIONS IN TUPLES.
DICTIONARIES
• WHAT ARE DICTIONARIES?
• KEYS AND VALUES.
• IN OPERATOR.
• LOOPING IN DICTIONARIES.
• LOOKUPS IN DICTIONARIES.
• DICTIONARIES AND TUPLES.
• FUNCTIONS IN DICTIONARIES.
• DICTIONARIES VS SETS.
FUNCTIONS
• FUNCTION BASICS
• SCOPE RULES IN FUNCTIONS
• Global scope.
• Local scope.
• Locals.
• Globals.
• Global.
• UNDERSTANDING THE RETURN KEYWORD.
• ARGUMENT PASSING
• Default argument list.
• Keyword arguments.
• UNDERSTANDING THE DOCSTRINGS.
• LIST COMPREHENSIONS
• LAMBDA, MAP, FILTERS.
• UNDERSTANDING THE CLOSURES
• DECORATORS
• MODULES
v WHAT ARE MODULES?
• UNDERSTANDING THE NAMESPACES
• VARIOUS WAYS OF IMPORTING.
• “RELOAD” OPERATION.
• UNDERSTANDING ABOUT SYS.PATH
• DIR () FUNCTION.
• UNDERSTAND THE MAIN AND NAME
• OPERATION:-.
• INSTALLATION OF A MODULE.
• UNDERSTANDING THE VIRTUALENV.
• PACKAGING A MODULE.
• PACKAGES.
• EXCEPTIONS
• WHAT ARE EXCEPTIONS?
• SIMULATING ERRORS.
• VARIOUS TYPES OF EXCEPTIONS.
• EXCEPTION HANDLING – TRY,EXCEPT,ELSE,FINALLY
• TRAPPING ERRORS
