Day One / Introduction to Web Development

• Understanding the structure of HTML5, Semantic Elements
• Basic Tags, Text, Links, Lists, Images, and Tables

Day Two / HTML Forms and Attributes

• Creating and styling forms, input fields, and attributes
• Introduction to CSS3: Selectors, Colors, and Basic Styling

Day Three / CSS3 Fundamentals

• Tables - Creating table designs with CSS
• Box Model - Margin, Border, Padding, and Content Management
• Border - Border creation with CSS
• Outline - Outline, border, contents
• Margin - Explanation of the use of Margin using CSS
• Padding - Possible Padding Values, padding Sides and Properties
• Exam

Day Four / Practicing the Basics of HTML and HTML Pages

• Elements - Concept of Tags, Code Writing Concepts
• Attributes - Common Attributes of HTML Tags and their Use
• Head - Head Elements, and the Contents of Head
• Paragraph, Headings and Comments - Making Paragraph, Heading etc
• Blocks -Div, Span, Layout and their Usages in Modern HTML
• Entities - Character Enteritis, Symbols, their Importance and Use in HTML
• Lists - Unordered, Ordered, Description Lists and other List Tags
• An assignment will be Given for the Next Class

Day Five / Practicing Advanced HTMLand Start Designing Pages

• Formatting - Font Formatting, Different Tags to Format Fonts
• Colors, Colornames, Colorvalues - Use of Color in HTML
• Links - Implementation of Links, and Description of Link Attributes
• Images - Image Tags and its Attributes
• iFrames - Syntax of iFrame and its Usages
• Entities - Character Enteritis, their Importance and Use in HTML
• An assignment will be Given for the Next Class

Day Six / Practicing Basic HTML5 and Designing Pages

• Tables - Detailed Table Attributes and Uses of Table
• Forms - Implementation of Forms and Validation of Forms
• Layouts - Developing the Layout of a Webpage with latest tags of HTML5
• Canvas - Use of Canvas in drawing Graphics
• An assignment of Designing a very simple Website for Next Class

Day Seven / Practicing Advanced HTML5 and Designing Pages

Day Eight / Practicing basic CSS Codes

• How to and Where to code in CSS
• ID & Class Selector - Implementation of CSS using ID and Class
• Style Sheet - Integration of Style Sheets inside HTML
• Backgrounds - Creating background with CSS
• Text and Fonts - Text and Font formatting with the help of CSS
• Lists - Creating List and List contents with CSS
• Links - Styling hyperlinks

Day Nine / Designing with Advanced CSS3

• Tables - Creating table designs with CSS
• Box Model - Margin, Border, Padding, and Content Management
• Border - Border creation with CSS
• Outline - Outline, border, contents
• Margin - Explanation of the use of Margin using CSS
• Padding - Possible Padding Values, padding Sides and Properties

Day Ten / Designing more Advanced with CSS3

• Grouping - Grouping and Nesting
• Dimension - Dimension Concepts in CSS
• Positioning - Static, Fixed, Relative and Absolute Positioning & Overlapping
• Navigation Bar - Navigation Bar, Link and Menu Creation
• CSS3 Font - Using own Font in a Website
• CSS3 Effects - Shadow Effects using CSS3

Day Eleven / Working with Templates

• What is Theme and what is Template
• Understanding Readymade/Existing Templates
• Understanding Bootstrap
• Customizing Existing Templates

Day Twelve / Understanding JavaScript

• How to Write JavaScript Code
• Where to Insert JavaScript
• Understanding JavaScript Statements
• Idea on Syntax - Number, String, Expressions, Variables, Operators, Assignments
• Commenting and its use in JavaScript
• Data Types - String, Number, Array, Object, Null

Day Thirteen / Basic JavaScript

• Objects - Property, Method
• Security - Public, Private, Protected, Global
• Function - Arguments, Returns
• Events - Event Based Action Handling
• Strings - Handling Strings
• Math - Handling Math in JavaScript
• Arithmetic - Different Arithmetic Operators
• Dates - Working with Date, Month, Year, Time etc
• An assignment will be given for Practicing JavaScript

Day Fourteen / More on JavaScript

• Array - Working with Array
• 2 Boolean - Working with Boolean Type variables
• 3 Comparison - Variable Comparison in JavaScript
• 4 Condition - If Else Statements, other Condition Handling
• 5 Loop - For, Do/While, While loops
• 6 Regular Expression
• 7 Handling Error
• An assignment will be Given for the Next Class on JavaScript Combined with HTML

Day Fifteen / jQuery, the JavaScript Library

• Syntax, Selector, Event - Code Syntax, HTML element Selector & Events
• Hide, Show, Fade - Different effects like Hiding, Showing, Fading
• Animation - Animate with jQuery
• Add & Remove - Add and Remove HTML Elements using jQuery
• Get and Set - Get and Set Class or Classes using jQuery
• Get() and Post() Method - Send and Retrieve Data within Form and Server

Day Sixteen / Understanding SEO

• Basics - What is SEO, Types of SEO (Black/White Hat), How Search Engine Works
• Research and Analysis - Market, Keyword, Competitor, SWOT Research & Analysis
• SEO Guide for Web Design - Content Guideline, Optimization, Design & Layout, Sitemap
• Analytics - Google Analytics, Setup, Configure, Understand and Manage
• Basics on "On-Page Optimization"
• Domain Names & Suggestions, Popular TLD and Domain Names

Day Seventeen / Basic SEO

• Meta Tags, Meta Description, Meta Keywords, Title, Header, Bold Text, Invisible Text
• Images and Alt Text Handling, Broken Link Handling, Duplicate Content
• Internal Link Building, Sitemap Creation and Management, Robots Text
• Server and Hosting Check, 301 Redirection, 404 Error

Day Eighteen / Advanced SEO

• Basics on "Off-Page Optimization"
• Page Rank, Link Popularity, Link Building in Detail, Directory Submission
• Search Engine Submission
• Blog Submission, Articles Writing, Posting to Forums
• Links Exchange, SEO through other Exchanging
• Keyword Analyzer Tools, Google Tools, Yahoo Tools, Bing Tools
• Search Engines Tools, Site Tools

Day Nineteen / Basic SMI

• What is Social Media Integration, What are the Most Popular Social Medias
• What are the possible types and uses of Social Medias Integration on Websites
• Facebook Integration - Like Button, Like-box, Facebook Posts on your Website
• More Facebook Integration - Facebook Comments
• Twitter Integration - Twitter Follow
• Google Plus Integration

Day Twenty / Basics of Photoshop

• Marquee, Lasso, Slice, Crop, Move Tools and their Practical Use
• Brush, Pencil, Patch, Stamp, History Tools and their Use
• Eraser, Blur, Sharpen, Smudge, Dodge, Sponge, Burn Tool and their Use
• Gradient, Paint Bucket, Different Shape Tools and their Use
• Selection and Pen Tool
• Eyedropper, Hand and Zoom Tool
• Practicing all the Lessons on Image Customization and Development

Day Twenty-One / Advanced with Photoshop

Color, Swatches, Style Window and their Use

• History Window and its Use
• Different Type of Brush and their Use
• Image, Canvas, Pixel, Rotation, Trim, Revert etc Actions
• Extract, Filter Gallery, Liquefy, Pattern Maker and their Use
• Different type of Layer and their Use
• Practicing all the Lessons on Image Customization and Development

Day Twenty-Two / Basics of Illustrator

• Selection Tool, Lasso Tool, Wand Tool, Pen Tool, Line Segment Tool - and their Use
• Different Shape Tools
• Brush, Pencil, Eraser etc Tools - and their Use
• Rotate, Scale, Width, Transform Tool
• Practicing Illustrator Tools

Day Twenty-Three / Advanced with Illustrator

• Gradient, Mesh, Eyedropper, Blend Tool
• Color, Brush, Symbol, Stroke - and their Use
• Graphics, Appearance, Transparency - and their Use
• Zoom, Slice, Hand Tool - and their Use
• Make Visiting Card + Banner + Logo using Illustrator

Frontend Development