Professional Web Design
Introduction to web design.
Hand sketch & wire framing.
Story Board (how to think).
Website designing tools/software.
Creating file/Startup package.
Project: Think about a website. Make a skeleton by using wire framing tools.
HTML & Browser
Head & Body Section
HTML Element & Attributes
Commenting in HTML
Project: Creating a web page with proper HTML syntax & upload it to google drive.
List in HTML
What is table?
Table Head and Body Content
Table Row and Column
Layout with table
Project: Creating a webpage layout with table
Introduction to form
Input types & attributes
Form Arrangement & decoration
Different types of image in HTML
Iframe in HTML
Audio and Video Controlling
Embedded video from youtube
GIF animation embedded
Project: Creating a webpage where image, audio, video and gif animation will be embedded and a register Form.
Introduction to CSS(Cascading Style Sheet)
Syntax of CSS
How to Link CSS(Inline/Internal/External)
Important property of CSS
Layout concept in CSS
Project: Creating and linking a css file and implement important properties.
Introduction to Selectors
Universal & Element type Selector
ID vs Class
Child, Attribute, Pseudo selector
Project: Creating and External css file and change HTML view styling with selectors.
Fonts & Icon
Creating a menu
Project: Creating a menu with icons, styling text and fonts.
Input box styling
Project: Creating a website with actual positioning
Introduction to lovable CSS
Border and rounding corners
Gradient and shadow
Transition and transformation
Project: Creating a website with image/color backgrounds and transition, transformation effects.
Overview of Responsive Web Design(RWD)
Working with view point
Practicing media queries
Project: Enable a website for mobile responsive view
Class 11: Live project with HTML and CSS
What can’t you do with JS?
JS basic syntax
Variable in JS
Operator, Data type and Function in JS
Commenting in JS
Project: Playing with JS syntax
Array in JS
Concept of Objects.
JS conditions (if,else)
DOM in JS
Making a live Digital clock using JS
Project: Practicing JS with programming concept.
Date format in JS
Form validation techniques
Project: Completing form validation in JS
Introduction to jQuery
jQuery and DOM
jQuery and Event
Project: Working with jQuery
Introduction to jQuery effects
Hide, Show, Fade, Slide in jQuery
Animation in jQuery
Creating a responsive menu using jQuery
Project: Practicing jQuery methods and creating a responsive menu, Implementing a slider in jQuery.
Introduction to Bootstrap Framework (BS)
How to install BS
Great Grid System
Understanding Device Screen Size
Project: Installing BS and create a grid for web layout.
BS Image responsive
Project: Creating table, register form using BS Classes.
BS tab and Tooltip
Project: Complete a webpage with BS.
What is Photoshop(PS)
Basic concept of PS
How to use PS tools?
PSD fonts, color and layer concept
Image slicing in PS
PSD to HTML converting techniques.
Project: Slicing image from a PSD template.
Class 21: Landing Page Design
Class 22: Converting portfolio PSD template to HTML
Class 23: Converting multipurpose business PSD template to HTML
What is Outsourcing?
How to open an account in freelancer.com/ upwork.com
Cover latter writing
Finding jobs & facing interview
Proper Communication with clients