Web Development Training

abt

• Psychology of Color in Web • Typography • Using tools for Mockup Design • Vector Design • Designing various element for Web/Mobile • Mastering elements using different options • Using some important extension for Web/Mobile design • Project Work (Designing Mockup ) • Creating Photoshop GIF Image

• Introduction • Semantic markup with HTML5 • HTML5 structural tags • XHTML vs HTML5 ( Changed Element) • Current state of Browser Support

• Section Tag • Article Tag • Accessibility

• Modernizr • New input types 1. Search, Tel, Color, Number, Url, Email 2. Date/Time 3. Min, Max and Step attributes

• required • placeholder • autofocus • autocomplete • pattern

• datalist, progress and meter

• Local Storage • Session Storage • Browser Support

• Rectangles • Drawing Lines • Drawing with Arc • Path Intro • Text • Summary

• Introduction • Audio • Video • Support

• Introduction • Understanding Cascading Style Sheets(CSS) • History , Current State of CSS3 support • Cross browser support testing

• How css relate to html • Inline, Internal and External • Importance and usability

• Box model • width, min/max-width, height, min/max-height • Padding, Margin, Position • Float and clear

• Attribute Selectors • The Target Pseudo-Class • UI Element States Pseudo-Classes • Negation Pseudo-Class • Structural Pseudo-Classes

• Media queries (for Mobile , Tablet, Desktop) • Various available frameworks for responsive design

• Fonts on Web • The @font-face rule • Using Google fonts

• gradients • box-shadow • border-radius • text-shadow

• Transform • Transition • CSS animation (using @keyframe)

• Most popular framework (bootstrap, ZURB foundation, 960 grid, Jquery mobile ) • Understanding and Using bootstrap • Intro Javascript (JQuery) • Javascript code and what to do with it • b. Values, types and Operators • c. Functions 1. Type of functions 2. Importance of functions

• Properties and methods • Types of objects

• Understanding Jquery and its features • Using it on live project • Exploring basic concepts

• SASS • LESS • SVG Basics • SVG and CSS

• Final Project (assessments of all above ) • File upload using filezilla/cuteftp etc. • Cpanel/webmail/Domain Registration • What next? • Concepts about pre-processor (Less, Sass) • Tips for enhancing Front End Development further • Pro tips for job interview • Final Project

SUBSCRIBE NEWSLETTER

Subscribe to the free monthly newsletter.

You’ll receive notification of new courses and other news.

Copyright 2021 Kantipur Technical Institute - All Rights Reserved Design by Web Creation Nepal