Web Design
Front end development is a very professional web design training
MODULE 1 - Introduction to Web Technology
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)
MODULE 2 -HTML and HTML5
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
MODULE 3 - CSS and CSS3
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
MODULE 4 - JavaScript and jQuery
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