Course details

Web designing courses offer basic techniques and approaches required for effective web page creation. Since front-end design relates to designing impressive websites from the cleints' (users) perspective,the core objective of this course is to train students on how to create user friendly websites adopting modern web designing concepts. As today's companies prioritize effective websites as their fundamental investment it has become challenging for web designers to delight the clients with value added marketing benefits that could be generated from websites alone. Thus, learning front-end web design course offers more than what a common web 

Front End Development

History of Web/Mobile Development

Research/Wireframing/Prototyping

Mockup Designing (Adobe Photoshop/Fireworks)

  • 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.

HTML5

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

Section and Articles

  • Section Tag
  • Article Tag
  • Accessibility

HTML5 Forms

Modernizr

New input types

  • Search, Tel, Color, Number, Url, Email
  • Date/Time
  • Min, Max and Step attributes

New form field attributes

  • required
  • placeholder
  • autofocus
  • autocomplete
  • pattern

New form elements

  • datalist, progress and meter

Data Storage

  • Local Storage
  • Session Storage
  • Browser Support

HTML5 Canvas

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

HTML5 Audio/Video

  • Introduction
  • Audio
  • Video
  • Support

Future Updates

CSS3

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

HTML with CSS

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

Layout

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

Selectors

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

Responsive Design

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

CSS3 Fonts

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

CSS3 effects

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

2d/3d animation

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

CSS3 framework

  • 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
  • Values, types and Operators
  • Functions

              - Type of functions

              - Importance of functions

Objects

  • Properties and methods
  • Types of objects

Intro DOM (Document Object Model)

Jquery

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

Finalizing ( Wrapping Up)

  • 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
Updated on 23 August, 2016

About Broadway Infosys Nepal

Broadway Infosys Nepal is one of the best inclusive computer training institutes in Kathmandu, Nepal. Established in 2008, our professional IT Training and Development center has been employing experts in this field to impart professional education to trainees. We offer well-structured complete professional training in various Programming Languages, Graphics & Multimedia, Web Designing as well as Development Training that is based upon the current recruitment needs in the IT market.

Further, we also provide training on thorough understanding of:

  • Project Requirement Identification and Analysis,
  • Software Development Life Cycle,
  • Functional Design,
  • Testing and Implementation
  • Quality Assurance

Since establishment, we have successfully established and maintained network with more than fifty IT and other companies which has made us able to offer and provide our students with internship and job opportunities.

See all Broadway Infosys Nepal courses
Are you from Broadway Infosys Nepal ? Claim your course!
Courses you can instantly connect with... Do an online course on Web Design starting now. See all courses

Is this the right course for you?

Rate this page

Didn't find what you were looking for ?

or