Complete Web Design Course | Amit P Kumar

Complete Web Design Course For Beginners

Internet and the web are not new things to this generation but have you ever wondered how all these things work?

That’s a kinda stupid question, because of course everyone knows!

But before you invest your hard-earned money into buying this course, let me ask you a few more stupid questions-

Q.1: Do you enjoy solving big problems?

Q.2: Are you a creative and thoughtful person?

Q.3: Are you a curious nerd who wants to know about everything?

If your answer to all these questions is a big “YES” then you are more than ready to become a UI/UX designer, and let me explain to you - WHY?

Learning to code is not just a skill to get a job but it’s almost parallel to how our life works. First and foremost, It’s a futuristic skill that’s highly in demand and beyond that coding teaches you some of the very important life skills i.e problem-solving and critical thinking.

As Microsoft’s one of the founders Mr. Bill Gates said in one of his interviews -

“Learning to write programs stretches your mind, helps you think better and creates a way of thinking about things that I think is helpful in all domains.” - Bill Gates

And not just Bill Gates, a lot of tech billionaires say similar things about the importance of programming.

So whether your target is to get a high-paying job as a UI/UX designer or to become future-ready in tech. This course is designed to fulfill all those needs.

This course will include all the fundamentals of website design including computer fundamentals, internet fundamentals, etc. Which will help you develop a strong base in not just UI/UX design but also how the internet and computer network work.

Eligibility Criteria / Requirements: 

  1. A computer (Desktop/Laptop)
  2. An internet connection
  3. That’s all you need

 

  1. Topics that we will cover
  2. Resources and docs
  3. Certificate of Completion
  4. Internship certificate
  1. What is Internet?
  2. How does the Internet work?
  3. Internet service providers (ISP) and their types
  1. What is the web?
  2. How does it work?
  3. Providers and ecosystem builders
  4. What is HTTP OR HTTPS?
  5. What is a domain?
    1. Type of domains
    2. What is a subdomain?
    3. Difference b/w domain and URL
  6. What is IP Address?
  7. What is hosting?
    1. Type of hostings
  1. What is website design (UI/UX)?
  2. Why do we need it?
  3. When do we need it?
  4. Who are web designers / UI Designers / UX designers
  5. Job opportunities
  6. Salary / Packages
  7. Other benefits and opportunities as being a web designer
  8. Courses and diplomas (For further studies)
  1. Browser
    1. What is a browser?
    2. How does it work?
    3. Popular browsers
    4. Browser head and body
    5. Basic browser commands
    6. What is a browser extension?
    7. How to install a browser extension?
  2. HTML
    1. What is HTML?
    2. How does it work?
    3. Folder creation guide in local computer
    4. Basic HTML syntax
    5. Creating the first HTML page

- 03: HTML Tags (Only Currently supported tags)

  1. What are tags
  2. Type of tags (Two way or one way)
    1. Div tag
    2.  Heading Tags
    3.  Paragraph tag
    4. Span tag
    5. Bold tag
    6. Strong tag
    7. Small tag
    8. Hr tag
    9. Br tag
    10. Del tag
    11. Font tag
    12. I tag
    13. Article tag
    14. Aside tag
    15. Address tag
    16. <blockquote> tag
    17. <code> tag
    18. Attributes
    19. Achor tag
    20. Button tag
    21. Image tag
    22. Video tag
    23. Audio tag
    24. Iframe tag
    25. Meta tag
    26. Link tag
    27. Script tag
    28. Nav tag
    29. Section tag
    30. Footer tag
  3. HTML Comment
  1. HTML lists
    1. Order list
    2. Unorder list
  2. HTML Table
  1. Input
    1. Hidden
    2. Text
    3. Number
    4. Email
    5. Password
    6. File
    7. Image
    8. Search
    9. Range
    10. Button
    11. Checkbox
    12. Radio
    13. Date
    14. Time
    15. Datetime local
    16. Week
    17. URL
    18. Tel
  2. Textarea
  3. Select-option
    1. Select-option group
    2. Multiple select-option
  4. Label Tags
  1. CSS Syntax
    1. Inline CSS
    2. On-page CSS (Internal)
    3. Off-page CSS (External)
  2. CSS Selectors
    1. Class
    2. ID
    3. Element selector
    4. Attribute selector
    5. Name selector
  3. CSS Units (Length)
    1. Pixels (px)
    2. Percent (%)
    3. Em - Relative to the font size of the element (2em means 2 times the size of the current font
    4. cm - Centimeter
    5. mm - millimeter
    6. In - Inch
  4. CSS Property and values
    1. Height
      1. Max
      2. Min
      3. Auto
    2. Width
      1. Max
      2. Min
      3. auto
    3. Margin
    4. Padding
    5. Background
      1. Background color
      2. Background image
    6. Border
    7. Border radius
    8. Background
    9. Text or Font
      1. Font size
      2. Font weight
      3. Line height
      4. color
      5. Text alignment
      6. Text decoration
      7. Text transformation
      8. Text shadow
    10. Display
    11. Position
    12. Z-index
    13. Overflow
    14. Opacity
  5. CSS Property priority level (parent, child element)
  6. CSS Comment
  7. Font family
  8. Float and clear
  9. Custom scrollbar
  10. Custom cursor
  11. Custom text selector (Highlight on select)
  12. Responsive CSS
  13. CSS 3 Animation
    1. Keyframes
    2. animation
    3. Animation-name
    4. Animation-duration
    5. Animation-delay
    6. Animation-iteration-count
    7. Animation direction
    8. Animation-fill-mode
    9. Animation-timing-function
      1. Ease
      2. Linear
      3. Ease-in
      4. Ease-out
      5. Ease-in-out
      6. Cubic-bezier(n,n,n,n)
  14. SASS (Sass stands for Syntactically Awesome Stylesheet)
    1. What is SASS?
    2. Why we use it?
    3. How to install SASS?
    4. SASS variables
    5. Nesting
    6. @import
    7. @mixin
    8. @Extend
    9. SASS Function
      1. String
      2. Numeric
      3. List
      4. Map
      5. Selector
      6. Introspection
      7. Color

We will design a complete website using basic HTML and CSS that we have covered in previous classes.

  1. Introduction
  2. Syntax
  3. Comments
  4. Understanding browser console
    1. DOM Structure
    2. Event fundamental
  5. Error handling
  6. Variables, Let & Constant
  7. Operators
  8. Datatypes
  9. Functions, objects, and parameters
  10. Events
  11. Strings
    1. Methods & Functions
    2. Search
    3. Templates
  12. Numbers
    1. Methods & Functions
  13. Arrays
    1. Methods & Functions
  14. Conditional statements
  15. Switch & Breaks
  16. Regular Expression
  17. JSON
  18. AJAX

 

  1. Introduction
  2. Syntax
  3. Selectors
  4. Events
  5. Functions
  6. String
  7. Numbers
  8. Array
  9. Conditional statement
  10. AJAX
  1. Introduction
  2. Installation
  3. Grid system
  4. Column system
  5. Components
  6.  
  7. CSS Basics
    1. Classes
    2. Typography
    3. Input
    4. Buttons
    5. Forms
    6. Helpers
    7. Images
    8. Tables
    9. Dropdowns
    10. Navs
    11.  
  8. JS Basics
    1. Alert
    2. Tabs
    3. Modals
    4. Collapse
    5. Pagination
    6. Popovers
    7. Tooltips
    8. Carousel
    9. Toasts
    10. Scrollspy
  1. Introduction
  2. Font & Icons plugins
  3. Carousel plugins
  4. Gallery plugins
  5. Datatables plugin
  6. Calendar plugin
  7. Alert and toast plugins
  8. Image plugins
  9. Charts & Graphs plugins
  1. One-page website design project
  2. Multipage website design project
  3. E-Commerce website design project

Course Highlights

₹ 9000.00

₹ 10000.00 (10% off)

  •   Live Classes
  •   Doubt Clearing Sessions
  •   1-on-1 Mentorship
  •   20+ Downloadable Resources
  •   15-Days Money-Back Guarantee
  •   Certificate of Course Completion
  •   5+ Projects: Build And Launch
  •   Pay in 3 Easy Installments
* Terms and conditions applied.

Enquire Now

OR

Let's Talk on WhatsApp