Web Design - HTML, CSS, JavaScript, Bootstrap & jQuery
Learn from Industry Experts | 100% Placement Assistance
Timing : 9.00 AM - 06.00 PMAbout This Course
So, when a web designer is given an end goal like "create a webpage that has this header, this font, these colors, these pictures, and an animated unicorn walking across the screen when users click on this button," the web designer's job is to take that big idea and break it apart into tiny pieces, and then translate these pieces into instructions that the computer can understand — including putting all these instructions in the correct order or syntax.
-
Course Duration
3-4 Months
-
Certificate
Upon Completion
-
Students Enrolled
1000+
-
Learning Mode
Online & Offline
-
Branches
Maninagar | Gandhinagar | Kudasan | Bopal | Nikol | Mehsana | Gurukul
Course Curriculum
- Introduction to HTML - History, Structure, Tags, Elements
- Basic Tags - html, head, title, body, meta
- Headings, Paragraphs, and Formatting Tags
- Links and Navigation - Anchor Tag, Internal/External Links
- Images and Multimedia - img, audio, video, source tags
- Lists - Ordered, Unordered, Definition Lists
- Tables - Table Structure, Merging Cells (colspan, rowspan)
- Forms and Input Types - Text, Password, Email, Radio, Checkbox, Select, Textarea, Submit
- HTML5 Semantic Elements - header, nav, section, article, aside, footer
- Canvas and SVG for Graphics
- Iframes and Embedding Content
- Creating Responsive Web Pages with HTML5
- Introduction to CSS - Syntax, Selectors, Types (Inline, Internal, External)
- Colors and Backgrounds - Color Names, HEX, RGB, RGBA, HSL, Background Images
- Borders, Margins, and Padding
- Box Model - Margin, Padding, Border, Content
- Typography - Fonts, Text Styling, Line Height, Letter Spacing
- Display and Positioning - Block, Inline, Inline-Block, Relative, Absolute, Fixed, Sticky
- CSS Flexbox - Container Properties, Item Properties, Alignment
- CSS Grid Layout - Grid Container, Grid Items, Template Areas
- Responsive Design - Media Queries, Mobile-First Approach, Viewport
- CSS Animations and Transitions - Keyframes, Transform, Transition
- CSS Variables and Custom Properties
- Pseudo-classes and Pseudo-elements - :hover, :nth-child, ::before, ::after
- Building Modern Responsive Websites with CSS
- Introduction to JavaScript - History, Features, Syntax
- Variables - var, let, const
- Data Types - String, Number, Boolean, Null, Undefined, Symbol, BigInt
- Operators - Arithmetic, Assignment, Comparison, Logical, Ternary, Typeof
- Conditional Statements - if, else if, else, switch-case
- Loops - for, while, do-while, for-in, for-of, forEach
- Functions - Declaration, Expression, Arrow Functions, Callbacks, IIFE
- Arrays - Methods (push, pop, shift, unshift, map, filter, reduce, find, some, every)
- Objects - Properties, Methods, this keyword, Object Destructuring
- DOM Manipulation - Selecting Elements, Modifying Content, Adding/Removing Elements
- Events - click, mouseover, mouseout, keypress, submit, Event Listeners
- Form Validation - Client-side Validation, Regular Expressions
- Error Handling - try, catch, throw, finally
- ES6+ Features - Template Literals, Destructuring, Spread/Rest Operators, Default Parameters
- Promises and Async/Await
- AJAX and Fetch API - GET, POST Requests, JSON Handling
- Local Storage and Session Storage
- Building Interactive Web Applications
- Introduction to Bootstrap - Features, Benefits, Installation (CDN, Download)
- Bootstrap Grid System - Containers, Rows, Columns, Responsive Breakpoints
- Bootstrap Typography - Headings, Display Headings, Lead, Inline Text Elements
- Bootstrap Components - Buttons, Cards, Navbar, Modals, Carousels, Accordions
- Bootstrap Forms - Form Controls, Input Groups, Validation, Floating Labels
- Bootstrap Tables - Basic Tables, Striped, Bordered, Hover, Responsive Tables
- Bootstrap Utilities - Spacing, Colors, Borders, Display, Flex, Shadows, Sizing
- Bootstrap Icons - Usage, Customization
- Bootstrap Themes and Templates - Customization
- Creating Responsive Websites with Bootstrap
- Introduction to jQuery - Features, Installation, CDN
- jQuery Syntax - $(document).ready(), Selectors, Events
- jQuery Selectors - Element, ID, Class, Attribute, Multiple Selectors
- jQuery Events - click, dblclick, mouseenter, mouseleave, hover, submit, change
- jQuery Effects - Hide/Show, Fade, Slide, Animate, Stop, Callback
- jQuery DOM Manipulation - html(), text(), val(), attr(), addClass(), removeClass(), toggleClass()
- jQuery Traversing - parent(), children(), find(), siblings(), next(), prev()
- jQuery AJAX - load(), get(), post(), ajax() Method
- jQuery UI - Interactions, Widgets, Effects, Themes
- Building Dynamic Websites with jQuery
