Web Designing Front End

1. Basics of Web Designing

• Introduction to website designing
• Web Server and Web Browser
• Tools and Editors
• Static website VS Dynamic website
• Comparison of Different Languages and Tools

2. HTML 5

• HTML and XHTML
• Elements & Attributes
• Headings
• Adding and formatting Paragraph Text
• Formatting your website template
• Adding Hyperlinks and Buttons in your website
• Images and its usage
• Image mapping
• Tables and its different usage in web designing
• Bulleted Lists and its professional usage
• Forms and Interface designing
• Creating custom colors using Color codes
• Frames with professional implementation
• Formatting text and using different Fonts
• Adding page information for Google and other webs using Meta tags

3. CSS 3.0

• Different methods of creating styles
• Different Coloring options
• Creating and formatting professional Background Effects
• Advance Text effects
• Positioning objects with different Display levels
• The CSS Box model
• Working with Floats
• Using Borders with different effects
• Understanding CSS Outline
• Working with Margins and Padding
• Professional usages of Lists
• Using the z-index
• Creating complex website layouts
• Color Gradients
• Creating your own drop down menu in CSS
• Animations using CSS 3.0
• Responsive Website Designs using CSS 3.0
• Using Custom fonts in your website designs
• Creating different themes for your website
• Flexbox with examples

4. JavaScript

• Coding conventions
• Embedding JavaScript in html
• Usage of variables in your program
• Statements, operators and relational expressions
• Using Loops (while and for)
• Arrays and its uses
• Working with Events
• Popup windows
• Creating custom slider
• Defining and invoking functions
• Runtime style using DHTML
• CSS class switching
• Creating and removing HTML contents in Run-Time
• Simple Animation using JavaScript
• Professional form validation techniques using JavaScript (mini project)
• Creating basic animation using JavaScript (mini project)
• Professional Form validation effects (mini project)

5. Optimization Techniques

• Cross Browser Compatibility Issues
• Fixing issues with JS and CSS
• Google Friendly programming techniques
• Smart phone friendly programming techniques
• Search Engine Optimization Basics

6. Bootstrap

• Understanding bootstrap grid system
• Creating responsive layouts
• Bootstrap Typography
• Bootstrap Tables
• Bootstrap Forms
• Bootstrap Buttons
• Bootstrap Messages
• Bootstrap Navbar
• Bootstrap Drop Down Menus
• Bootstrap Alerts
• Bootstrap Pagination
• Bootstrap List groups
• Bootstrap Wells
• Bootstrap Slider
• Working with image galleries
• Using different themes
• Working with Font Awesome
• Project : Creating a complete responsive website layout using bootstrap

7. jQuery

• ‎Introduction
• ‎jQuery – Basics
• ‎jQuery – Selectors
• jQuery – CSS Element Selector and ID Selector
• jQuery – CSS Element Class Selector and Universal Selector
• jQuery – CSS Multiple Elements E, F, G Selector
• jQuery Callback Functions
• ‎‎jQuery – DOM Attributes
• Get Attribute Value
• Set Attribute Value
• ‎jQuery – DOM Traversing
• Find Elements by index
• Filtering out Elements
• Locating Descendent Elements
• JQuery DOM Traversing Methods
• ‎jQuery – CSS Methods
• Apply CSS Properties and Multiple CSS Properties
• Setting Element Width & Height
• JQuery CSS Methods
• ‎jQuery – DOM Manipulation Methods
• Content Manipulation
• DOM Element Replacement
• Removing DOM Elements
• Inserting DOM elements
• DOM Manipulation Methods
• Binding event handlers
• Removing event handlers
• Event Types
• The Event Object and Attributes
• ‎jQuery – Effects
• JQuery Effect Methods, Hide and Show
• jQuery Toggle
• jQuery Slide – slideDown, slideUp, slideToggle
• jQuery Fade – fadeIn, fadeOut, fadeTo
• jQuery Custom Animations

8. cPanel and Uploading

• Basic working of cPanel
• Uploading Website
• Creating Email IDs