Web Development
Learn Web Development
Web Development Training
July Ist
Mon-Fri
Timing
9:00 AM – 11:00 AM
Aug Ist
Mon-Fri
Timing
9:00 AM – 11:00 AM
Sep Ist
Mon-Fri
Timing
9:00 AM – 11:00 AM
Light Package
For Advanced
Full Package
For Beginners
Courses Include
30 Hours of Session
10 Hours of Lab
Flexible Schedule
One-on-One Doubt Session
Real Time Project Use
Certificate Oriented Curriculum
Web Development Training Content
Below, you will find comprehensive details of the Web Development Training course, covering all the essential aspects you will be exposed to throughout the program.
Web Development
Introduction to Web Development – The fundamental technology is used to define the structure of a webpage.
Module 2: HTML-Introduction
- History of HTML
- What do 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
Module 3: HTML-Headers
- Title
- Head
- Style
- Script
- Meta
Module 4: HTML-Basic Formatting and Grouping Tags
- HTML Basic Tags
- HTML Formatting Tags
- Div and Span Tags for Grouping
- Class, Id attributes
Module 5 : HTML-Images and HTML-List
- Image and Image Mapping
- Unordered Lists
- Ordered Lists
Module 6: HTML-Hyperlink and HTML-Table
- Anchor tag and Href, Target attributes.
- Link bookmarks
- Table in HTML (<table>,<th>,<tr>,<td>,<caption>,<thead>,<tbody>,<tfoot>)
Module 7: HTML-Iframe and HTML-Form
- Iframe as the Target.
- Forms in html (<input> + Different types of Inputs,<textarea>,<button>,<select>,<label>)
Module 8: HTML Project Building
The final Project that covers all HTML topics will be given
Module 9: CSS-Introduction
- CSS Syntax
- External Style Sheet, Internal Style Sheet
- Value Lengths and Percentages
- Class selector, Id selector, Universal Selector, Grouping Selectors, Attribute Selectors
Module 10: CSS Backgrounds
- Background-color
- Background-image
- Background-repeat
- Background-position
- Background-attachment
- Background shorthand
Module 11: CSS Typography
- Color
- Text-decoration
- Text-align
- Text-indent
- Text-transform
- White-space
- Letter-spacing
- Word-spacing
- Line-height
- Font-family
- Font-size
- Font-style
- Font-variant
- Font-weight
Module 12: CSS-Box Model
- What is a box model
- Margin & padding
- Width and height
- Max-width and Min-height
- Borders & outline
Module 13: CSS- Lists and Tables
- List-style
- List-style-type
- List-style-position
- List-style-image
- Tables(border, width & height, padding)
Module 14: CSS -Display Positioning
- Visibility
- Display
- Positioning (Relative Positioning, Absolute Positioning, Static Positioning, Fixed Positioning,)
- Z-Index
Module 15: CSS -Floats and Combinators
- Float
- Clear
- Clearfix Hack
- CSS combinators(Descendant Selector, Child selector, Adjacent Sibling Selector, General Sibling Selector)
Module 16: CSS Flex and Grids
- Flex
- Justify Content
- Align Items
- Flex -Wrap
- Order
- Flex-Direction
- Custom grids using float
Module 17: CSS RWD
- Responsive web design
- Media queries
- Splitting pages into grids by using flex and custom grids
Module 18: Project Building (HTML,CSS)
The final Project that covers all HTML and CSS topics will be given
Module 19: Intro to JavaScript
- What is Javascript
- Scripting VS Programming
- Where JS is used
- Different types of JS engines in browsers
- How to write scripts
- Internal and external scripting
Module 20: Language Syntax
- Datatypes in JS
- Dynamic typing
- Variable declaration
- Operators
- Typecasting and Type correcion
Module 21: Control Statements
- If, else if, else conditions
- Loops (for, while,do while )
- Switch case
Module 22: Arrays in JS
- What are arrays
- Types of array declarations
- Iterating over array (single iteration, nested 2-D,3-D iteration )
- Array methods (slice,splice,unshift,shift,push,pop,reverse)
- Demerits of array methods
- Problem-solving patterns in arrays
- Top Interview leet code problems in arrays
Module 23: Strings in JS
- What are strings
- Types of strings declarations
- Iterating over strings
- String methods
- Problem-solving patterns in strings
- Top Interview leet code problems in strings
Module 24: Function in JS
- What are functions and their use
- Syntax for declaring function
- Return keyword in a function
- Passing parameters into function
- Function decalration vs function expression
- Callbacks
- Closures
- Hositing
Module 25: Objects in JS
- What are objects in js
- Types of objects declarations
- Methods inside object
- This keyword and their scoping
- Object methods
- Bind, call, apply
- Problem-solving using objects in the array
Module 26: DOM
- What is DOM
- How to select HTML elements in js
- Different types of document methods
- Event listeners and different types of events
- Set-timeout, Cleartimeout
- Set- interval,Clearinterval
- Form validations
- Dynamically writing HTML in js
Module 27: Prototypes ad Es5 Classes
- Prototypes and their uses
- How to declare classes using function
- Prototype chain
Module 28: ES6
- Let, const and what is TDZ
- Arrow function and their scoping
- Array helper methods
- Spread, Rest operator
- Default arguments
- ES6 classes
Module 29: Async JS
- What are Promises in js
- The syntax for declaring a promise
- Methods in promise
- Resolving and rejecting a promise
- What is JSON
- Fetch for API requests
- Async and await
Module 30: Most asked interview questions
Practicing most asked interview questions
Module 31: Final project using HTML, CSS, AND JS
Module 32: Data structures and Algorithm
- Patterns to solve a problem
- Searching Algorithm
Module 33: Sorting Algorithm
- Bubble sort, merge sort, selection sort
- Leet code top asked interview problems
Module 34: Recursion
- How to implement recursion
- Helper function in recursion
- Leet code top asked interview problems
Module 36: Stacks and Queue
- Implementing stack and queue using arrays
- Implementing stack and queue using Linked List
- The time complexity between different types of implementation
- Leet code top asked interview problems
Module 37: BST
- What are trees
- Different types of trees
- Implementing binary search tree
- Time complexity
Module 38: Tree Traversal
- BFS Algorithm
- DFS Algorithm (inorder,preorder,postorder)
- Leet code top asked interview problems
Module 39: Graph
- What are Graphs
- Different types of graphs
- Storing graphs adjacency matrix
- Storing graphs adjacency list
- Add edge and Remove edge
Module 40: Graph Traversal
- BFS Algorithm
- DFS Algorithm
- Leet code top asked interview problems
Module 41: Dynamic Programming
- What is Dp
- Overlapping subproblem
- Optimal substructure
- Memoization and Tabulation
Module 42: Final Project Using DSA And Revision Of Interview Problems



Benefits of Learning Web Development Course in RisingStar Tech, Vancouver
Enrolling in web development courses at RisingStar Tech provides students with professional skill development, opening doors to lucrative career opportunities in the growing field of web development. With a focus on practical learning, students gain hands-on experience through real-world projects.
RisingStar Tech offers personalized learning packages, including a full package for beginners and a light package for intermediate and advanced learners. The full package provides a comprehensive introduction to web development, while the light package offers targeted lessons and advanced topics to enhance existing skills. Students benefit from expert-led training, industry-recognized certifications, job assistance, and ongoing support throughout their learning journey.
Web Development Training In Vancouver
July 1st
Mon-Fri(21 Days)Timing 07:00 AM to 09:00 AM
August 1st
Mon-Fri(21 Days)Timing 07:00 AM to 09:00 AM
September 1st
Mon-Fri(21 Days)Timing 07:00 AM to 09:00 AM
