Web Development Training in Lalitpur

Courses Outlines

  • 1. Psychology of Color in Web
  • 2. Typography
  • 3. Using tools for Mockup Design
  • 4. Vector Design
  • 5. Designing various element for Web/Mobile
  • 6. Mastering elements using different options
  • 7. Using some important extension for Web/Mobile design
  • 8. Project Work (Designing Mockup )
  • 9. Creating Photoshop GIF Image
  • 1. HTML Elements
  • 2. HTML Attributes
  • 3. HTML Headings
    • 4. HTML Text Formatting
  • 5. HTML Comments
  • 6.HTML Lists
  • 7. HTML tables
  • 8. HTML Forms
  • 9. HTML Images
  • 10. HTML Anchor
  • 11. HTML Meta Tags
  • 12. HTML iframes
  • 13. Block Elements
  • 14. Inline Elements
  • 15. HTML Entities
  • 16. HTML Symbols
  • 17. HTML5 Audio & Video
  • 18. HTML5 Web Storage
  • 19. HTML5 Canvas
  • 20. HTML5 SVG
  • 21. HTML5 Drag & drop
  • 22. HTML5 Geolocation
  • 23. HTML5 Semantics
  • 1. CSS Syntax
  • 2. Inline CSS
  • 3. Internal CSS
  • 4. External CSS
  • 5. CSS Selector
  • 6. CSS Comments
  • 7. CSS Background
  • 8. CSS Border
  • 9. CSS Outline
  • 10. CSS Float
  • 11. CSS Clear
  • 12. CSS Display
  • 13. CSS Font
  • 14. CSS Line Height
  • 15. CSS Margin
  • 16. CSS Padding
  • 17. CSS Overflow
  • 18. CSS Opacity
  • 19. CSS Position
  • 20. CSS Pseudo Class & Element
  • 21. CSS Vertical Align
  • 22. CSS White Space
  • 23. CSS Word Wrap
  • 24. CSS Outline
  • 25. CSS Visibility
  • 26. CSS Counter
  • 1. CSS3 Rounded Corner
  • 2. CSS3 Border Images
  • 3. CSS3 Multi Background
  • 4. CSS3 Color
  • 5. CSS3 Gradients
  • 6. CSS3 Shadow
  • 7. CSS3 Text
  • 8. CSS3 Web font
  • 9. CSS3 2d transform
  • 10. CSS3 3d transform
  • 11. CSS3 Animation
  • 12. CSS3 Multi columns
  • 13. CSS3 User Interface
  • 14. CSS3 Box Sizing
  • 15. CSS Variables
  • 16. CSS3 Image Reflection
  • 17. CSS3 object-fit
  • 18. CSS3 Viewport
  • 19. CSS3 Media Queries Responsive
  • 1. flex-direction
  • 2. flex-wrap
  • 3. flex-flow
  • 4. justify-content
  • 5. align-items
  • 6. align-content
  • 7. order
  • 8. flex-grow
  • 9. flex-shrink
  • 10. flex-basis
  • 11. flex
  • 12. align-self
  • 1. grid-column-gap
  • 2. grid-row-gap
  • 3. grid-gap
  • 4. grid-template-columns
  • 5. grid-template-rows
  • 6. grid-template-areas
  • 7. grid-column-start
  • 8. grid-column-end
  • 9. grid-row-start
  • 10. grid-row-end
  • 11. justify-items
  • 12. align-items
  • 13. align-content
  • 1. Supported by Internet Explorer with prefix -ms-
  • 2. Supported by Firefox with prefix -moz-
  • 3. Supported by Chrome with prefix -webkit-
  • 4. Supported by Safari with prefix -webkit-
  • 5. Supported by Opera with prefix -webkit-
    • Once the above topics are covered, the students will make a project on: E-commerce Website
  • 1. Preprocessing
  • 2. Variables
  • 3. Nesting
  • 4. Partials
  • 5. Import
  • 6. Mixins
  • 7. Inheritance
  • 8. Operators
    • Once the above topics are covered, the students will make a project on: News Portal Website
  • 1. Data Types
  • 2. Variables and Constant
  • 3. Operators
  • 4. Conditionals, loop
  • 5. Functions
  • 6. Array and Objects
  • 7. Document Object Model
  • 1. jQuery Syntax
  • 2. jQuery Selectors
  • 3. jQuery Events
  • 4. jQuery Effects
  • 5. jQuery Fade
  • 6. jQuery Slide
  • 7. jQuery Add
  • 8. jQuery Remove
  • 9. jQuery CSS Classes
  • 10. jQuery Animate
  • 11. jQuery stop ()
  • 12. jQuery Callback
  • 13. jQuery Chaining
    Content
  • 1. Reboot
  • 2. Typography
  • 3. Code
  • 4. Images
  • 5. Tables
  • 6. Figures
    • Components
  • 1. Alerts
  • 2. Badge
  • 3. Breadcrumb
  • 4. Buttons
  • 5. Button group
  • 6. Card
  • 7. Carousel
  • 8. Collapse
  • 9. Dropdowns
  • 10. Forms
  • 11. Input group
  • 12. Jumbotron
  • 13. List group
  • 14. Modal
  • 15. Navs
  • 16. Navbar
  • 17. Pagination
  • 18. Popovers
  • 19. Progress
  • 20. Scrollspy
  • 21. Tooltips
  • 22. Utilities
    • Utilities
  • 1. Utilities
  • 2. Borders
  • 3. Clearfix
  • 4. Close icon
  • 5. Colors
  • 6. Display
  • 7. Embed
  • 8. Flex
  • 9. Float
  • 10. Image replacement
  • 11. Position
  • 12. Screenreaders
  • 13. Shadows
  • 14. Sizing
  • 15. Spacing
  • 16. Text
  • 17. Vertical align
  • 18. Visibility
    • Once the above topics are covered, the students will make a project on: Travel & Tours Website
  • 1. Breakpoints
  • 2. Containers
  • 3. Grid
  • 4. Columns
  • 5. Gutters
  • 6. Utilities
  • 7. Z-index
  • 8. Reboot
  • 9. Typography
  • 10. Images
  • 11. Tables
  • 12. Figures
  • 13. Overview
  • 14. Form control
  • 15. Select
  • 16. Checks & radios
  • 17. Range
  • 18. Input group
  • 19. Floating labels
  • 20. Layout
  • 21. Validation
  • 22. Accordion
  • 23. Alerts
  • 24. Badge
  • 25. Breadcrumb
  • 26. Buttons
  • 27. Button group
  • 28. Card
  • 29. Carousel
  • 30. Close button
  • 31. Collapse
  • 32. Dropdowns
  • 33. List group
  • 34. Modal
  • 35. Navs & tabs
  • 36. Navbar
  • 37. Offcanvas
  • 38. Pagination
  • 39. Popovers
  • 40. Progress
  • 41. Scrollspy
  • 42. Spinners
  • 43. Toasts
  • 44. Tooltips
  • 45. Clearfix
  • 46. Colored links
  • 47. Ratio
  • 48. Position
  • 49. Visually hidden
  • 50. Stretched link
  • 51. Text truncation
  • 52. API
  • 53. Background
  • 54. Borders
  • 55. Colors
  • 56. Display
  • 57. Flex
  • 58. Float
  • 59. Interactions
  • 60. Overflow
  • 61. Position
  • 62. Shadows
  • 63. Sizing
  • 64. Spacing
  • 65. Text
  • 66. Vertical align
  • 67. Visibility
  • 68. Approach
  • 69. Icons
    • Once the above topics are covered, the students will make a project on: Corporate Website
  • 1. Installation
  • 2. Core Concepts
  • 3. Customization
  • 4. Base Styles
  • 5. Flexbox & Grid
  • 6. Spacing
  • 7. Sizing
  • 8. Typography
  • 9. Backgrounds
  • 10. Borders
  • 11. Transitions & Animation
  • 12. Transforms
  • 1. React Get Started
  • 2. React ES6
  • 3. React Render HTML
  • 4. React JSX
  • 5. React Components
  • 6. React Props
  • 7. React State
  • 8. React Lifecycle
  • 9. React Events
  • 10. React router
  • 11. React Lifting State Up
  • 12. React Forms
  • 13. React CSS
  • 14. React Hook
    • Once the above topics are covered, the students will make a project on: Ecommerce Website using React, Redux Toolkit
  • 1. Redux Introduction
  • 2. Redux Toolkit
  • 1. Domain Registration
  • 2. Web Hosting
  • 3. cPanel/webmail
  • 4. File upload using FileZilla etc.
  • 5. GitHub
  • 6. 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)

Send Your Resume at info@saayami.com

Order a Website

You think your business is going down! Why do not you make your presence online to reach your customer. Create your brand identity to let more people to know about business.
We are here to help you in building your band. So Hurry Up !