Web Design Training in Nepal
Front End web Development Training in Kathmandu, Nepal - HTML5, CSS3, JavaScript & Responsive Design Training
2 Months Web Designer/ UI Designer
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. Broadway 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 Broadway Infosys Nepal
- 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.
- 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
- HTML5 Form attributes
- placeholder
- autofocus
- autocomplete
- required
- pattern
- list
- multiple
- novalidate
- formnovalidate
- form
- formaction
- formenctype
- formmethod
- 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
- Rectangles
- Drawing Lines
- Drawing with Arc
- Path Intro
- Text
- HTML SVG
- HTML Drag & Drop
- Local Storage
- Session Storage
- Browser 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
- Background,Border,Display,Padding,Line Height, Margin,Opacity, Vertical Align,White Space,Word Wrap,Outline,CSS Visibility Position
- Float and clear
- 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)
- 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
- Border Images
- User Interface
- Multi-column Layout
- Box Sizing
- Transform
- Transition
- CSS animation (using @keyframe)
- Intro Javascript (JQuery)
- Javascript code and what to do with it
- Values, types and Operators
- Functions
- Type of functions
- Importance of functions
- Understanding Jquery and its features
- Using it on live project
- Exploring basic concepts
- Intro DOM (Document Object Model)
- CSS :-
Grid system, Typography Code, Tables, Forms, Buttons, Images - Components:-
Glyphicons , Dropdowns, Button groups, Button dropdowns, Input groups, Navs Navbar, Breadcrumbs, Pagination, Labels, Badges, Jumbotron Page header Thumbnails, Alerts, Progress bars, Media object, List group, Panels, Responsive embed, Wells - Javascript :-
Transitions Modal Dropdown Scrollspy Tab Tooltip Popover Alert Button Collapse Carousel Affix - Project
Content
- Reboot
- Typography
- Code
- Images
- Tables
- Figures
Components
- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Collapse
- Dropdowns
- Forms
- Input group
- Jumbotron
- List group
- Modal
- Navs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Tooltips
- Utilities
Utilities
- Utilities
- Borders
- Clearfix
- Close icon
- Colors
- Display
- Embed
- Flex
- Float
- Image replacement
- Position
- Screenreaders
- Shadows
- Sizing
- Spacing
- Text
- Vertical align
- Visibility
- PROJECT
- Sass vs SCSS vs Less
- Preprocessing
- Variables
- Nesting
- Partials
- Import
- Mixins
- Inheritance
- Operators
- Domain Registration
- Web Hosting
- Cpanel/webmail
- File upload using filezilla/cuteftp etc.
- Final Project (assessments of all above )
- Tips for enhancing Front End Development further
- Pro tips for job interview
