Web Design and Front-end Development

Modules

Section 1: HTML and HTML5

Lessons

• HTML Elements, HTML Attributes, HTML Headings, HTML Paragraphs, HTML Hyper links
• Creating a HTML page, HTML Tags, Paragraph & Text Formatting
• List Background Using Images, Make menu Button Using HTML code & Image, HTML span tag
• HTML Table, Table & Data Alignment Options, Table Cell Spacing & Padding, Changing Table Height & Width of Table Elements
• HTML5 Media, HTML5 Video, HTML5 Audio
• Lists, Horizontal Ruling lines, HTML Color, Background Color
• Specifying Font Information, Formatting Tags
• Links, Anchor Tag, HTML Lists & Blocks, HTML Forms & Media
• HTML Layout, HTML Form, Form Overview
• Marquee Tag, HTML Iframes, Create Interactive Button

Section 2: CSS and CSS3

Lessons

• Introduction to CSS, External Style Sheet, Internal Style Sheet, Inline Style, Multiple Style Sheet, CSS Syntax, CSS Id & Class, CSS Selectors, CSS1 vs CSS2 vs CSS3, The Cascade & Styling
• The letter-spacing Property, The word-spacing Property, Text Align Property, Line Height Property, Background-URL, Background-Position, Background-Repeat, Specificity & Validating your CSS
• CSS boxes, Column Layout, CSS Border, Outline, Margin & Padding
• CSS Floating & Positioning, CSS Dimension & Display CSS Align, Pseudo-class, Pseudo-element &Navigation Bar, CSS Image Gallery, Opacity, Sprites &Media Types
• CSS3 Round Corners, CSS3 Font-face, CSS3 Transparency and Semi-transparency CSS3 Box Shadow & Text Shadow, CSS3 Transitions, Transform & Gradient

Section 3: Responsive Web Design

Lessons

• Responsive Web Design using CSS LESS Frame Work
• Introduction to SASS, what is the difference with normal CSS, what are the benefits of using SASS Installing SASS and creating SCSS files and converting to CSS files.
• Introduction to Media Query, media query syntax, how to use media query to make a HTML file to responsive.
• Introduction to percentage based element displaying, positioning and alignments. How percentage features will make a HTML responsive.
• Introduction to responsive HTML, where and when to use it and benefits of making responsive HTML.

Section 4: Adobe Photoshop

Lessons

• Interface and Basic tool and shape,e Basic for retouching and related tool
• Retouching, Working with texture and pattern
• Animation and Video editing, Apps UI/UX design
• Web and Apps element design, Web Template design

Section 5: PSD to HTML Conversion

Lessons

• Learn what is PSD slicing, how to slice PSD to convert to HTML files.
• Convert PSD design to fixed width HTML with pixel perfect calculation.
• Work with PSD layers to convert each layers to single HTML file.
• Practical and Project Assignments on PSD to responsive HTML using Media Query

Section 6: Javascript

Lessons

• Memory, Global variables, White space and semicolons Comments
• Arithmetic operators, Flow control & Code blocks
• common js module specifications
• Array operations, Undefined and null
• Objects and Prototypes

Section 7: jQuery

Lessons

• Introduction to JQuery, syntax and how to write code in jQuery.
• Using jQueryto handle and control DOM elements CSS to change element behavior in client side.
• What is jQuery plugins, where to get these and how and why to use these.
• Practical and Project Assignments for making some small animations with element traversing options.

Section 8: Twitter Bootstrap

Lessons

• Introduction to Bootstrap, Bootstrap features, grids and measurements, use of Form elements, lists and panels.
• Popup, modal, tooltips, navigations and carousel,
• PSD to bootstrap HTML conversion using bootstrap feature, Customizing Bootstrap attributes and necessity for this.

Section 9: Introducing WordPress and WordPress Customization

Lessons

• Introduction to the Course, What is WordPress?, Your WordPress Server, One Click Installations, Navigating WordPress, Using Real Content, Under the Hood: Files & Databases
• Creating WordPress Content, Controlling WordPress Blog
• Customizing WordPress Appearance
• Exploring the Anatomy of a Theme

Section 10:Introducing CPANEL and Hosting Management

Lessons

• How to buy domain and hosting
• Cpanel details and website maintenance

Section 11: Career Guideline and Freelancing Marketplaces

Lessons

• Career Guideline, Problem Solving and Final Project submission