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 2019 Kantipur Technical Institute - All Rights Reserved Design by Web Creation Nepal