Responsive Web Design
Course Duration: 3 months Course with project
Class Time: Weekly 2 days
Training Key Benefits:
- Gain expertise with 20+ hands-on exercises
- Job oriented real-life industry projects
- Dedicated mentoring sessions from Industry Expert
- Priority basis Intern Facilities
- Freelancing support for Market place
- Gain expertise with 20+ hands-on exercises
- Job oriented real-life industry projects
- Dedicated mentoring sessions from Industry Expert
- Priority basis Intern Facilities
- Freelancing support for Market place
Focused Job Role:
- Front-end Designer
- Web Designer
Environment Setup:
Editor (VS Code)
Course Content:
Lesson 1: HTML and HTML5
#Practicing the Basics of HTML and HTML Pages
Comments, Starting HTML Page, Head, Style, Script, Body
Meta Tag, Meta Attributes, Keywords, Description, Author, Page Refresh
Paragraph, Heading, Division, Section, Article
Header, Footer, Main, Aside
Span, Cite, Address, Abbreviation, Details, Summary
Bold, Underline, Italic, Small, Strong, Subscript, Superscript
Delete, Mark, Code, Block Quote, Quotation
#Practicing Advanced HTML and Basic HTML5
Font, Font Size, Font Color, Font Face
HTML Entities-Registered Trademark, Copyright, Euro, Space, Cent, Pound
Symbol-Summation, Elements Of, Not Elements Of, Empty, Differential Sign
URL Anchor, Mail Anchor, Call Anchor, Target
Navigation Tag, Purpose of Navigation Tag
Image, Image Source, Alternate Attribute, Height and Width, Title
Description List, Define Terms, Define Details, Ordered List, Unordered List, List Item
#Practicing More HTML5 and Designing Pages with Introduction of CSS
Level, Result, Access Key, Editable Attribute, Downloadable Product
Table, Table Row, Table Data, Table Head, Table Body, Table Foot, Style Attribute, Border
HTML Form, Input Types, Get and Post Method, Button Tag, Button Attributes
Designing Website Layout using HTML
How to and Where to CSS code, Comments in CSS, Converting Style Attribute to CSS
ID Selector, Class Selector, Child Class, Grouping Selector, Multi Stylesheet, Link Stylesheet
Lesson 2: CSS and CSS3
#Practicing Basic CSS Codes
Background Image, Background Repeat, Background Position, Background Color
Padding, Margin, List, Font, Link, and Table using CSS
CSS Combinatory-Child Selector, Descendent Selector, Adjacent Selector; Target Selector
Dimension, Media Screen, Responsive Design
Cursor, Custom Font (from External and Internal Source)
Designing with Advanced CSS and Basic Bootstrap
#Designing with Advanced CSS and Basic Bootstrap
Border in CSS, Box Shadow, Opacity, Horizontal Alignment, Background Image Handling
Float, Clear Tag, Columns, Visibility
Table in CSS, Position in CSS
An example Dropdown Menu using CSS
Outline, Menu Example 1 and 2, CSS for Print Screen
Why Bootstrap and how we can use it?
Bootstrap Designing Patterns
Designing Using Bootstrap
#Designing Using Bootstrap
Designing Search Box and Text Fields using CSS3
Border Image, Background Image, Background Color
Gradient, Text Shadow, Word Break
Rotate, Rotate X, Rotate Y, Content Position, Counter
Transform, Animation, Button in CSS3, Columns, Filter
Designing Layout using CSS
Understanding the Concept of Template and Theme
Lesson 3: JavaScript & jQuery
#Basic JavaScript
Writing JavaScript Code, Comments, Simple Variable, Variable Types
JS Operators, Simple Function, Parameter, Arguments
If Else Statement, Handling Multiple Condition, Conditional Operators
Get Element By ID, Get Element By Tag Name, Get Element By Class
Switch Case, For Loop
jQuery Basics, the JavaScript Library
#jQuery Basics, the JavaScript Library
Basis Rules and Guidelines on jQuery; Show, Hide, Toggle Function
Change CSS using jQuery, Menu with Mouse-over and Mouse-out
Focus and Blur on Text Field
Fade-in, Fade-out, Fade-Toggle
Slide-up, Slide-down, Menu using Toggle
Get and Set Text/HTML using jQuery
#jQuery Basics, the JavaScript Library
Example-Add and Remove Element Dynamically
Get Dimension using jQuery, Animation using jQuery
Load File using jQuery, AJAX Page Load using jQuery, No Conflict Function
Make Popup using jQuery, Print Selected Division using jQuery
Calendar Date Picker, Crosscheck Password using jQuery
Project: A Professional PSD to HTML Template Design
Certificate: Upon successful completion of the Responsive Web Design Course, we will provide an industry recognized course completion certificate which has lifelong validity.
International Collaboration: Data Core
