Web Design

Knowing the basic terms related to Web Technology

• Idea about - Web Designing, Web Development, Software Development, Outsourcing, Freelancing.
• Basic Ideas on - Domain, Hosting, IP, Server, NameServer, Programming Language, Designing Language, Structured Query Language, Framework, CMS, IDE, cPanel, Domain Control Panel, FTP Client, Local Server.
• Discuss on what we will be Learning in the Web Technology course and how

Learning how to use the Software and Tools for Web Development

• How to use IDEs (NotePad++, NetBeans, PHPStorm, PHPEdit)
• How to use Local Server Application (XAMPP, WAMP, LAMP, MAMP)
• How to operate cPanel and Domain Control Panel
• How to use FTP Clients (CoreFTP, FileZilla)

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

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

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

Practicing Advanced HTML5 and Designing Pages

• HTML Object - How to support HTML Plugins using Objects
• HTML Audio - How to integrate Audio File/Player using HTML
• HTML Video - How to integrate Video File/Player using HTML
• HTML Video Stream - How to integrate Streaming Video from YouTube
• An assignment of Designing a very simple Website for Next Class

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

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

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

Working with Templates

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

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

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

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

jQuery, the JavaScript Library

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