Front End Web Development Training In Dharan, Nepal – HTML5, CSS3, Java Script & Responsive Design Training

Web Design Training in Nepal

Web designing Training offers basic techniques and approaches required for effective web page creation. The core objective of this course is to train aspiring web designers to create user friendly websites adopting modern web designing concepts. Code IT has been providing career oriented web designing training in Nepal since its establishment.

Course Highlights

  • Understanding modern trends and techniques in professional web designing
  • Course designed for individuals with programming background and non-programming background
  • Understanding smarter approaches to mock-up and template designs
  • Learning the significance of well-developed websites for businesses
  • Final Project Work

Benefits of Web Design Training at Code IT

  • Nepal’s highly recognized and experienced web designers as instructors
  • Interactive and participative learning environment
  • Regular practical classes
  • Sufficient training resources available
  • Guaranteed internship opportunities
  • Placement opportunity for deserving trainees after course completion
  • Project work supervision and evaluation done by team of instructors and experts

Syllabus Outline

  • Introduction to Web Designing
  • Learning the front-end and back end design concepts
  • Wireframe/Prototype development
  • Introduction to HTML5, CSS and JQuery & training
  • Developing Mock-ups using Adobe Photoshop/Fireworks
  • Web Hosting, Domain registration etc.

Since web designing training is one of the most sought trainings in Nepal thousands of students and professionals apply at Broadway Infosys Nepal every year. Please make sure you reserve your seat at the earliest for our upcoming web designing training session. We are round-the-clock available for any kind of inquiry.

Pre-requisites:

Students attending Web Designing course should have basic knowledge Office Application, HTML.


Duration: 2 Months 
Career Option : Web Designer/ UI Designer 

WEB DESIGN (FRONT-END WEB DEVELOPMENT) COURSE  

Twitter Bootstrap in Responsive Web Design

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

HTML5 Tags

  • HTML5 Form attributes
    1. placeholder
    2. autofocus
    3. autocomplete
    4. required
    5. pattern
    6. list
    7. multiple
    8. novalidate
    9. formnovalidate
    10. form
    11. formaction
    12. formenctype
    13. formmethod
    14. formtarget
  • HTML Audio
  • HTML Video
  • HTML Progress
  • HTML Meter
  • HTML Data Tag
  • HTML Datalist Tag
  • HTML Header Tag
  • HTML Footer Tag
  • HTML Figure Tag
  • HTML Figcaption Tag
  • HTML Article Tag
  • HTML Aside Tag
  • HTML Dialog Tag
  • HTML Details Tag
  • HTML Summary Tag
  • HTML Section Tag
  • HTML Time Tag
  • HTML Main Tag
  • HTML Wbr Tag
  • HTML Canvas
    1. Rectangles
    2. Drawing Lines
    3. Drawing with Arc
    4. Path Intro
    5. Text
  • HTML SVG
  • HTML Drag & Drop

Data Storage

  • Local Storage
  • Session Storage  
  • Browser Support

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

Basic CSS

  • Box model 
  • width, min/max-width, height, min/max-height
  • Background,Border,Display,Padding,Line Height, Margin,Opacity, Vertical Align,White Space,Word Wrap,Outline,CSS Visibility Position
  • Float and clear

Selectors

  • Attribute Selectors
  • The Target Pseudo-Class
  • UI Element States Pseudo-Classes
  • Negation Pseudo-Class
  • Structural Pseudo-Classes
  • Pseudo-elements(::first-line Pseudo-element ::first-letter Pseudo-element::before Pseudo-element::selection Pseudo-element)

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 Border Images

CSS3 Rounded Corners

CSS3 User Interface

CSS3 Multi-column Layout

CSS3 Box Sizing

CSS3 Flexible Box

CSS3 framework

  • Most popular framework (bootstrap, ZURB foundation, 960 grid, Jquery mobile )
  • Understanding and Using bootstrap 

Javascript/JQuery

  • Intro Javascript (JQuery)
  • Javascript code and what to do with it
  • Values, types and Operators
  • Functions 
    1. Type of functions
    2. 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

SASS/SCSS/LESS

  • Sass vs SCSS vs Less
  • Preprocessing
  • Variables
  • Nesting
  • Partials
  • Import
  • Mixins
  • Inheritance
  • Operators
  • Functions

Domain Registration / Web Hosting

  • Domain Registration
  • Web Hosting
  • Cpanel/webmail
  • File upload using filezilla/cuteftp etc.

Finalizing ( Wrapping Up)

  • Final Project (assessments of all above )
  • Tips for enhancing Front End Development further
  • Pro tips for job interview 

Final Project

Close Menu
Shares