
Web Design Training in Nepal
Front-End Web Development with React Training in Kathmandu, Nepal - Figma, Adobe Photoshop HTML5, CSS3, JavaScript, JQuery, SaSS / SCSS, Tailwind CSS, Bootstrap 5, React Training
Web Design Training in Nepal
Web design training in Nepal from Broadway Infosys is a popular and in-demand course that allows learners to explore generating and designing websites using various programming languages and software tools. The course covers the usual subjects of HTML, CSS, JavaScript, jQuery, web design concepts, user experience, and responsive design.
There is a strong demand for qualified web designers in Nepal and globally due to the expanding market for websites and online-based applications.
The core objective of the course is to train aspiring web designers in Nepal to create user-friendly websites adopting modern web design concepts. Hence, Broadway has succeeded in accomplishing its objective since its inception.
Why a Web Design Training Course?
- Increased Need for Web Designers: There is a strong demand for qualified web designers in Nepal and worldwide due to the rising demand for websites and online-based applications. You may gain the skills and information required to be successful in this expanding business by enrolling in a web design school.
- Job Possibilities: After completing a web design school, you can get employment as a front-end developer, UI/UX designer, or freelance web designer. For web designers, there are numerous prospects in Nepal and other nations.
- Practical Knowledge and Skills: A web design course equips students with knowledge and skills that they can use on actual projects. You'll discover how to design websites, make responsive layouts, and search engine-optimize webpages.
- Creative Outlet: Web design is a very creative sector that gives you the opportunity to exhibit your technical and artistic abilities. For people who appreciate working on projects that call for both artistic and technical skills, it is a fulfilling career.
- Flexibility: As many web design courses are offered online, you can learn at your own pace and have greater learning flexibility. As a freelancer, you have more choice over your working hours and environment.
- Join a community of like-minded professionals and explore the numerous internship and placement opportunities.
- Certification: Participants will receive a certificate upon course completion, which they can use to demonstrate their abilities and knowledge to future employers or customers.
The career scope for Web Design Training Course in Nepal is vast and diverse, as the demand for skilled web designers continues to grow. There are many fields where web designers can find employment, including e-commerce, media, advertising, and technology. You can work as a web designer, UI/UX designer, front-end developer, or freelance web designer after completing a web design degree. The need for web designers in Nepal's IT industry is expanding, and many businesses are recruiting qualified individuals to design and create their websites and web-based apps. Web designers in Nepal have bright career possibilities and plenty of chances to work with both domestic and foreign clients.
The professional opportunities for web designers in Nepal are anticipated to expand in the years to come as the significance of digital presence and online marketing grows.
-
Web Design - Syllabus
-
Mockup Designing (Figma)
- Creating a Figma Account
- Creating & Naming a Figma Design File
- Creating Shapes in Figma
- Selection in Figma
- Editing Shapes in Figma
- Introduction to Typography in Figma
- Colors in Figma
- Drawing Tools in Figma
- Formatting Principles in Figma
- Figma Constraints and Resizing
- Website Design in Figma
- Jakob's Principle Of Design
- Introduction to Styles and components
- Figma Component Variants
- Layout Grids in Figma
- Introduction to Responsive Design
- Designing Mobile Apps
- Iconography in Figma
-
Mockup Designing (Adobe Photoshop)
- 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
- HTML Elements
- HTML Attributes
- HTML Headings
- HTML Text Formatting
- <b> - Bold text
- <strong> - Important text
- <i> - Italic text
- <em> - Emphasized text
- <mark> - Marked text
- <small> - Smaller text
- <del> - Deleted text
- <ins> - Inserted text
- <sub> - Subscript text
- <sup> - Superscript text
- HTML Comments
- HTML Lists
- Ordered HTML
- Unordered HTML
- Definition Lists
- HTML tables
- HTML Forms
- HTML Images
- HTML Anchor
- Text Links
- Email Links
- Image Links
- Phone Links
- HTML Meta Tags
- keywords
- description
- author
- revised
- charset
- refresh
- robots
- HTML iframes
- Block Elements
- <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <dl>, <pre>, <hr />, <blockquote>, and <address>
- Inline Elements
- <b>, <i>, <u>, <em>, <strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>, <del>, <code>, <cite>, <dfn>, <kbd>, and <var>
- HTML Entities
- HTML Symbols
- HTML5 Audio & Video
- HTML5 Web Storage
- HTML5 Canvas
- HTML5 SVG
- HTML5 Drag & drop
- HTML5 Geolocation
- HTML5 Semantics
-
CSS Introduction
- CSS Syntax
- Inline CSS
- Internal CSS
- External CSS
- CSS Selector
- CSS Comments
- CSS Background
- CSS Border
- CSS Outline
- CSS Float
- CSS Clear
- CSS Display
- CSS Font
- CSS Line Height
- CSS Margin
- CSS Padding
- CSS Overflow
- CSS Opacity
- CSS Position
- CSS Pseudo Class & Element
- CSS Vertical Align
- CSS White Space
- CSS Word Wrap
- CSS Outline
- CSS Visibility
- CSS Counter
-
CSS3
- CSS3 Rounded Corner
- CSS3 Border Images
- CSS3 Multi Background
- CSS3 Color
- CSS3 Gradients
- CSS3 Shadow
- CSS3 Text
- CSS3 Web font
- CSS3 2d transform
- CSS3 3d transform
- CSS3 Animation
- CSS3 Multi columns
- CSS3 User Interface
- CSS3 Box Sizing
- CSS Variables
- CSS3 Image Reflection
- CSS3 object-fit
- CSS3 Viewport
- CSS3 Media Queries Responsive
-
CSS Flexbox
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
- order
- flex-grow
- flex-shrink
- flex-basis
- flex
- align-self
-
CSS Grid Module
- grid-column-gap
- grid-row-gap
- grid-gap
- grid-template-columns
- grid-template-rows
- grid-template-areas
- grid-column-start
- grid-column-end
- grid-row-start
- grid-row-end
- justify-items
- align-items
- align-content
-
Browser Support
- Supported by Internet Explorer with prefix -ms-
- Supported by Firefox with prefix -moz-
- Supported by Chrome with prefix -webkit-
- Supported by Safari with prefix -webkit-
- Supported by Opera with prefix -webkit-
Once the above topics are covered, the students will make a project on:
E-commerce Website
-
Sass / SCSS
- Preprocessing
- Variables
- Nesting
- Partials
- Import
- Mixins
- Inheritance
- Operators
Once the above topics are covered, the students will make a project on:
News Portal Website
-
JavaScript
- Data Types
- Variables and Constant
- Operators
- Conditionals, loop
- Functions
- Array and Objects
- Document Object Model
-
jQuery
- jQuery Syntax
- jQuery Selectors
- jQuery Events
- jQuery Effects
- jQuery Hide/Show
- jQuery Fade
- jQuery Slide
- jQuery Add
- jQuery Remove
- jQuery CSS Classes
- jQuery Animate
- jQuery stop ()
- jQuery Callback
- jQuery Chaining
-
Bootstrap 4
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
Once the above topics are covered, the students will make a project on:
Travel & Tours Website
-
Bootstrap 5
- Breakpoints
- Containers
- Grid
- Columns
- Gutters
- Utilities
- Z-index
- Reboot
- Typography
- Images
- Tables
- Figures
- Overview
- Form control
- Select
- Checks & radios
- Range
- Input group
- Floating labels
- Layout
- Validation
- Accordion
- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Close button
- Collapse
- Dropdowns
- List group
- Modal
- Navs & tabs
- Navbar
- Offcanvas
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltips
- Clearfix
- Colored links
- Ratio
- Position
- Visually hidden
- Stretched link
- Text truncation
- API
- Background
- Borders
- Colors
- Display
- Flex
- Float
- Interactions
- Overflow
- Position
- Shadows
- Sizing
- Spacing
- Text
- Vertical align
- Visibility
- Approach
- Icons
Once the above topics are covered, the students will make a project on:
Corporate Website
-
Tailwind CSS
- Installation
- Tailwind CLI
- Play CDN
- Core Concepts
- Customization
- Base Styles
- Flexbox & Grid
- Spacing
- Sizing
- Typography
- Backgrounds
- Borders
- Transitions & Animation
- Transforms
- Installation
-
React
- React Get Started
- React ES6
- React Render HTML
- React JSX
- React Components
- React Props
- React State
- React Lifecycle
- React Events
- React router
- React Lifting State Up
- React Forms
- React CSS
- React Hook
Once the above topics are covered, the students will make a project on:
Ecommerce Website using React, Redux Toolkit
-
Redux
- Redux Introduction
- Redux Toolkit
-
Domain Registration / Web Hosting
- Domain Registration
- Web Hosting
- cPanel/webmail
- File upload using FileZilla etc.
- GitHub
- Tips for job interview
As per the Institute Rules, four of the following projects will be done by the Student themselves! For Final Project
NGO Website (1 projects)
Travel & Tours Website (1 project)
E-commerce Website (1 project)
Corporate Website (1 projects)
News Portal Website (1 project)