/CourseBundles(71659)/5048606-UI___UX.jpg)
Course Overview
Schedule of Classes
Course Curriculum
26 Subjects
SKT_WD_Theory_HTML
48 Learning Materials
Web Design
Introduction to Web Design
External Link
Evolution of Web Design
External Link
Role of Web Designer
External Link
Web Design Principles & Best Practices
External Link
Web Design Process
External Link
Color Theory
External Link
Understanding the Web
How the Internet Works
External Link
Internet vs World Wide Web
External Link
Browsers, Servers & Clients
External Link
Domain Names & Web Hosting
External Link
Introduction to HTML
HTML & Its Role
External Link
Evolution of HTML
External Link
Syntax & Structure
External Link
HTML Document Structure
DOCTYPE
External Link
Meta Tags for SEO
External Link
HTML Comments
External Link
Text Formatting & Semantic Elements
Heading Tags
External Link
Paragraph Tag & Line Break Tag
External Link
Text-Formatting Tags
External Link
Semantic Elements
External Link
Links and Navigation
Anchor Tag
External Link
Image & Media Tags
Image Tag
External Link
Audio Tag & Video Tag
External Link
Embedding Multimedia
External Link
Lists
List in HTML
External Link
Tables
Creating Tables & Structure
External Link
Attributes of the table Tag
External Link
HTML Forms
HTML Forms
External Link
Text & Password Inputs
External Link
Check Boxes & Radio Buttons
External Link
Select Menus & Option List
External Link
File Uploading in HTML
External Link
Button
External Link
Color
External Link
Date
External Link
DateTime-Local
External Link
External Link
Hidden
External Link
Image Button
External Link
Month
External Link
Number
External Link
Range
External Link
Reset
External Link
Tel
External Link
Time
External Link
URL
External Link
Week
External Link
Form Accessibility
External Link
SKT_Lab L1_HTML
2 Learning Materials
Basic Level Programming on Introduction to HTML
Write an HTML program to display a text "Welcome to HTML programming
External Link
HTML Document Structure
Create a simple HTML document and add a single line comment.
External Link
SKT_Lab L2_HTML
2 Learning Materials
Intermediate level programming on Introduction to Html
Create a simple HTML page that displays "Hello, World!" as the title and "This is my first HTML pag
External Link
HTML Document Structure
Create an HTML document that uses HTML5 elements
External Link
SKT_Lab L3_HTML
2 Learning Materials
Advance level programming on Introduction to Html
How can we make the resume visually appealing without using CSS ?
External Link
HTML Document Structure
Create a simple newspaper structure using sections.
External Link
SKT_WD_Theory_CSS
54 Learning Materials
Introduction to CSS
CSS & it's Importance
External Link
CSS Syntax & Structure
External Link
Inline, Internal & External CSS
External Link
Understanding Selectors
Simple Selectors
External Link
Attribute Selectors
External Link
Pseudo-class Selectors
External Link
Pseudo-element Selectors
External Link
Combinator Selectors
External Link
Specificity
Specificity of Inline, Internal & External CSS
External Link
Specificity Hierarchy
External Link
Box Model and Positioning Elements
Understanding the Box Model
External Link
Padding
External Link
Border
External Link
Margin
External Link
Positioning Elements
External Link
Typography and Text Styling
Font Properties
External Link
Working with Web Fonts
External Link
Text Styling
External Link
Text Spacing
External Link
Colors and Backgrounds
Using Color Values
External Link
Applying Background Colors & Images
External Link
Working with Gradients & Patterns
Linear Gradient
External Link
Radial Gradients
External Link
Conical Gradient
External Link
Using CSS Patterns
External Link
Layout in CSS
Introduction to CSS Layout Techniques
External Link
Understanding the Display Property
External Link
Types of Layouts
Introduction to Grid Layout
External Link
Grid Container
External Link
Grid Items
External Link
Creating Flexible Layouts with FlexBox
External Link
Flex Container
External Link
Flex Items
External Link
Responsive Design
Media Queries & Responsive Breakpoints
External Link
Building Responsive Layouts
External Link
Mobile-First Approach v/s Desktop-First Approach
External Link
Transitions and Animations
Transitions & Animations
External Link
Transition Properties
External Link
Introduction to Animations
External Link
KeyFrames and Complex Animations
External Link
Transformations and Transforms
Applying Transformations
External Link
Applying 3D Transforms
External Link
Translate Function
External Link
Scale() Function
External Link
Perspective Function
External Link
Building CSS Components
Button
External Link
Button Animations & Transitions
External Link
Button Group
External Link
Dropdown
External Link
Cards
External Link
Navigation Bar
External Link
List Group
External Link
Breadcrumbs
External Link
Styling Form Elements
External Link
SKT_Lab L1_CSS
1 Learning Materials
Write an HTML code to demonstrate the usage of inline CSS
Write an HTML code to demonstrate the usage of inline CSS
External Link
SKT_Lab L2_CSS
1 Learning Materials
Intermediate level programming on Introduction to css
Write an HTML code to demonstrate the usage of external CSS.
External Link
SKT_Lab L3_CSS
1 Learning Materials
Advance level programming on Introduction to css
How do you refer to more than one .css file in an HTML document ?
External Link
SKT_WD_Theory_Javascript
128 Learning Materials
Introduction to JavaScript
What is JavaScript?
External Link
Brief history & evolution of JavaScript
External Link
Setting up development environment
External Link
How to include JavaScript?
External Link
JavaScript Basics
Comments in JavaScript
External Link
Keywords & Identifiers
External Link
Javascript I/O statements
JS Input & Output Statements
External Link
Variables and data types
Variables
External Link
Data -Types
External Link
Operators and expressions
Introduction to Operators
External Link
Arithmetic Operators
External Link
Assignment Operators
External Link
Relational Operators
External Link
Identically Equal Operators
External Link
Logical Operators
External Link
Bitwise Operators
External Link
Increment & Decrement Operators
External Link
Ternary Operators
External Link
Type Operator
External Link
Conditionals Statements
if conditional statements
External Link
Switch Statement
External Link
loops
Introduction to Loops
External Link
for loop
External Link
while loop
External Link
do while loop
External Link
Loop control statements
External Link
Functions
Introduction to Functions
External Link
Implementing Functions
External Link
Classification of Functions
External Link
Nested Functions
External Link
Scope of Variables in Functions
External Link
Recursive functions
External Link
Arrays and Objects
Array
External Link
Array Methods & Properties
External Link
Introduction to Objects
External Link
Accessing & Modifying Object Properties
External Link
Adding & Deleting Object Properties
External Link
Object Methods & "this" Keyword
External Link
Object Oriented Programming
Core OOP Principles
External Link
Classes
External Link
Constructor
External Link
Accessing & Modifying Object Properties_ES6
External Link
Adding & Deleting Object Properties
External Link
Object Property & Attributes
External Link
Prototype & Prototypal Inheritance
External Link
Inheritance
External Link
Polymorphism
External Link
Encapsulation
External Link
Abstraction
External Link
Strings and String Manipulation
Creating & manipulating strings
External Link
String Properties
External Link
Modifying strings
External Link
Extracting substrings
External Link
Searching within strings
External Link
Template literals & string interpolation
External Link
Date Functions
Date Functions
External Link
Time Functions
Time Functions
External Link
Intervals in Javascript
Intervals in Javascript
External Link
Asynchronous JavaScript
Introduction to asynchronous programming
External Link
Callback Functions
External Link
Promises
External Link
Introduction to async/await
External Link
Error Handling and Debugging
JavaScript errors
External Link
Error Handling
External Link
Debugging techniques & tools
External Link
ES6 and Modern JavaScript
Arrow functions
External Link
Destructuring in JavaScript
External Link
Spread & Rest Operators
External Link
Modules & import/export
External Link
Introduction to APIs
Web APIs & Technologies
External Link
Making HTTP requests
External Link
Introduction to HTTP methods
External Link
Sending Request Headers & Data
External Link
Consuming & parsing JSON data
External Link
Introduction to the Document Object Model (DOM)
What is DOM Model?
External Link
Tree-like structure of DOM
External Link
Parent -Child relationships
External Link
Window Objects in DOM
External Link
Document Object
External Link
Accessing HTML elements
External Link
Traversing and searching the DOM
Navigating the DOM tree
External Link
Forward & Backward Traversing
External Link
Element Searching Methods
External Link
Nodelists & HTML collections
External Link
Loops in Node Lists
External Link
DOM Manipulation Basics
Modifying element content
External Link
Changing element attributes
External Link
Adding or removing elements
External Link
Working with events
Introduction to events
External Link
Event Loop in JavaScript
External Link
Registering Event Handlers
External Link
Mouse Events
External Link
Keyboard Events
External Link
Form Events
External Link
Window Events
External Link
Clipboard Events
External Link
Drag & Drop Events
External Link
Media Events
External Link
Event delegation & propagation
External Link
Styling and CSS manipulation
Changing element styles
External Link
Adding & removing CSS classes
External Link
Getting & setting element dimensions
External Link
Handling forms and user input
Form Elements
External Link
Validating Form Input
External Link
form submission & handling
External Link
Advanced DOM techniques and APIs
Working with history API
External Link
Drag & Drop API
External Link
Web Storage API
External Link
Using Fetch API
External Link
Javascript projects
Weather Application
External Link
Calculator Application_Part 1(HTML)
External Link
Calculator Application_Part 2(CSS)
External Link
Calculator Application_Part 3(JAVASCRIPT)
External Link
Digital Clock
External Link
Create a Background Video
External Link
Color pallette generator
External Link
To-do-list_Part 1
External Link
To-do-list_Part 2
External Link
Quiz Application_Introduction
External Link
Quiz Application_HTML
External Link
Quiz Application_CSS-Part I
External Link
Quiz Application_CSS-Part II
External Link
Quiz Application_JavaScript-Part I
External Link
Quiz Application_JavaScript-Part II
External Link
Quiz Application_JavaScript-Part III
External Link
Quiz Application_Recap
External Link
Tic Tac Toe Game - I
External Link
Tic Tac Toe Game - II
External Link
SKT_WD_Lab L1_Javascript
SKT_WD_Lab L2_Javascript
SKT_WD_Lab L3_Javascript
SKT_WD_Theory_Mongo DB
60 Learning Materials
Introduction to NoSQL
Introduction to NoSQL
External Link
Variation of SQL & NoSQL
External Link
Introduction to MongoDB
Overview of MongoDB
External Link
Features of MongoDB
External Link
MongoDB vs. Other NoSQL Databases
External Link
Setting Up MongoDB Environment
Installing & Configuring
External Link
Basic Database & Collection Commands
Database commands
External Link
Collection Commands
External Link
Data Types In Mongodb
Data-Types - I
External Link
Data-Types-II
External Link
Data Modeling
Data Modeling
External Link
Document Structure & Design
External Link
CRUD Operations
Overview of CRUD Operations
External Link
Create Documents
External Link
Read Documents
External Link
Update Documents
External Link
Delete Documents
External Link
MongoDB Methods
Additional Methods
External Link
Operators
Introduction to Operators
External Link
Comparison Operators-I
External Link
Comparison Operators-II
External Link
Logical Operators
External Link
Update Operators-I
External Link
Update Operators-II
External Link
Aggregation Operators-I
External Link
Aggregation Operators-II
External Link
Evaluation Operator
External Link
Bitwise Operators
External Link
Projection Operators
External Link
Element Operators
External Link
Array Query Selectors
Array Query Selectors
External Link
Indexing in MongoDB
Overview of Indexes
External Link
Creating & Managing Indexes
External Link
Indexing Best Practices
External Link
Manage Colletions
Capped Collections
External Link
Regular Collections
External Link
TTL (time-to-live) Collections
External Link
Encrypted Collections
External Link
Aggregation Framework
Introduction to Aggregation
External Link
Common Stages
External Link
Advanced Aggregation Techniques
External Link
Replication & Sharding
Introduction to Replication
External Link
Configuration of Replica Sets
External Link
Introduction to Sharding
External Link
Types of Sharding
External Link
Configuration of Sharding
External Link
Advanced Features
MapReduce
External Link
Text Search
External Link
Rockmongo
External Link
GridFS
External Link
Performance Tuning
Monitoring
External Link
Profiling
External Link
Performance Optimization Techniques
Caching strategies
External Link
Connection pooling
External Link
Backup & Recovery
Creating Backups
External Link
Backup Strategies
External Link
Recovery Techniques
External Link
Security Best Practices
Authentication
External Link
Authorization
External Link
Data Encryption
External Link
SKT_WD_Lab L1_Mongo DB
SKT_WD_Lab L2_Mongo DB
SKT_WD_Lab L3_Mongo DB
SKT_WD_Theory_Node JS
34 Learning Materials
Introduction to Nodejs
Introduction of Node js
External Link
History &Evolution of Nodejs
External Link
JavaScript on the Server
External Link
Setting Up node js Environment
Installing Nodejs & npm
External Link
Nodejs REPL
External Link
Console & System Essentials
Console Methods in Nodejs
External Link
Process & Global Objects
External Link
Basic Nodejs Debugging
External Link
Nodejs Module Concepts
Nodejs Architecture
External Link
Overview of Core Modules
External Link
Module System in Node.js
External Link
Advanced Module Concepts
External Link
File System & Path Module
Reading and Writing Files
External Link
Working with Directories
External Link
Path Module
External Link
Asynchronous Programming
Callbacks
External Link
Types of Callbacks
External Link
Promises
External Link
Working with Promises
External Link
Async/Await
External Link
Real-World Use Cases
External Link
Events and EventEmitter
NodeJS Event Loop
External Link
Event Emitter Class
External Link
Listening to Events
External Link
Logger Using Events
External Link
Streams and Buffers
Introduction to Streams
External Link
Types of Streams
External Link
Fundamentals of Buffers
External Link
Working with Buffers
External Link
Piping Streams
External Link
Build: File Copy Utility Using Streams
External Link
Environment Variables & Configuration
Using dotenv
External Link
Multi-Environment Handling
External Link
npm & Working with Packages
Understanding npm
External Link
SKT_WD_Lab L1_Node JS
SKT_WD_Lab L2_Node JS
SKT_WD_Lab L3_Node JS
SKT_WD_Theory_React JS
23 Learning Materials
Introduction to Web Development & React
Understanding Web Development
External Link
MVC Architecture
External Link
Introduction to React
External Link
React Environment Setup
External Link
Babel in React
External Link
React Components & JSX
Understanding JSX
External Link
React Components
External Link
Types of Components
External Link
Props
External Link
Props in Different Components
External Link
State In React
External Link
State Management
External Link
Behaviour of State
External Link
React Fragments
External Link
React Lifecycle
Overview of React Life Cycle
External Link
Mounting Phase
External Link
Updating Phase
External Link
Unmounting Phase
External Link
React Hooks
Introduction to React Hooks
External Link
Types of Hooks
External Link
State Hook
External Link
Effect Hook
External Link
Custom Hook
External Link
SKT_WD_Lab L1_React JS
SKT_WD_Lab L2_React JS
SKT_WD_Lab L3_React JS
GD_Basics of Adobe Photoshop
32 Learning Materials
Photoshop Interface & Setup
Photoshop Workspace & Interface Overview
External Link
Creating Documents: Sizes & Resolution
External Link
Layers, Groups & Smart Objects Workflow
External Link
File Formats & Export for Web and Print
External Link
Selection & Masking Workflow
Marquee, Lasso, Magic Wand & Quick Selection
External Link
Select Subject & Select and Mask
External Link
Using Clipping Masks to Clip the Specific Part
External Link
Layer Masks & Clipping Masks
External Link
Image Adjustment & Color Grading
JPEG, PNG, Smart Object & Raster Layer
External Link
Adjust the Levels & Curves
External Link
Working with Hue/Saturation for color adjustments
External Link
Understanding the Solid & Gradient Color
External Link
Exploring the Color Balance
External Link
Using the Gradient Maps
External Link
Black & White Conversion
External Link
Using Camera Raw Filter for Color Correction
External Link
Pattern Design Process in Photoshop
External Link
Typography & Shape Design
Working with Type Tool
External Link
Using the Warped Text Effects
External Link
Layer Styles & Text Styling
External Link
Edit and Customize the Shapes
External Link
Using PenTool for Graphics & Shape Design
External Link
Retouching, Brushes & Healing Tools
Brush Tool Settings & Custom Brushes
External Link
Creating New Brushes from PNG
External Link
Using Brush Tool for Image Manipulation
External Link
Healing Brush, Patch Tool & Clone Stamp
External Link
Dodge, Burn & Smudge Tools
External Link
Exploring the Smart Filters & Creative Effects
Working with Smart Filters
External Link
Gaussian Blur & Motion Blur
External Link
Using Liquify Filter
External Link
Displacement Maps
External Link
Using the Texture Overlay
External Link
GD_Photoshop Advanced Module & Projects
21 Learning Materials
Photo Manipulation & Compositing
Multi-Image Concept Design
External Link
Adding Light for Enhancement
External Link
Creating Shadows
External Link
Understanding the Process to Create Reflection
External Link
Advanced Manipulation Techniques
External Link
How to Change the Focus on Image
External Link
Image Manipulation with Paper Effects
External Link
Typo Poster with Photo Collage
External Link
Neon Effect
External Link
Creating Slice Effect
External Link
Blending & Creative Effects
Adjust the Color of Image and Match with Reference Image
External Link
Blend of Text & Graphics
External Link
Seamless Photo Blending
External Link
Enhance & Editing of Face
External Link
Double Exposure Poster Effect
External Link
Creative Dispersation Poster Effect
External Link
Product Mockups & Branding Visuals
Download Free Resources of Mockup
External Link
T-shirt Graphics Design
External Link
Design Custom Mockup for Presentation
External Link
Displacement & Blending Techniques for Depth
External Link
Package Design Idea
External Link
Course Instructor
APBOCW
273 Courses • 42216 Students
By clicking on Continue, I accept the Terms & Conditions,
Privacy Policy