Size: 11.1 GB


Learn end to end process about UX theories and coding all in one place

  • Learn fundamental of user experience design theory
  • Apply the knowledge of color theory to your user interface designs
  • Build 10 creative projects from scratch using HTML, CSS, and JavaScript

Photoshop to CSS project:

  1. We transform a Photoshop file into HTML mark up
  2. We turn the HTML mark up into modern UI using CSS
  3. We make our Photoshop file fully responsive using CSS Grid & Flexbox

Bootstrap 5 Grid System project:

  1. We learn everything about responsive behavior
  2. We develop our project based on Bootstrap 5 Grid system
  3. We add final CSS styles to our project based on a design system

Learn interaction design using JavaScript and CSS

  • Export SVG code using Figma and Adobe Illustrator and Morph SVG with pure vanilla JavaScript
  • Trigger JavaScript DOM events and control CSS animations with JavaScript
Learn interaction design with CSS Transitions and Animation


  • Ebru Aksoy “Awesome course! I have already had some knowledge on the coding side of web development but I felt that I needed some UX/UI point of view, so I ended up at Hossein’s course and I couldn’t be more happier! He expanded my imagination with especially the SVG section and the 10 great projects at the end. I also got to brush up on my skills of CSS & JavaScript with his elaborately structured teaching style. I will definitely keep the notes I received from this course by my side while working on further projects. I definitely recommend. Thanks a lot, Hossein” ⭐️⭐️⭐️⭐️⭐️
  • Maria Beatriz —”I’ve been really enjoying this course. It’s one of the best I’ve done on web dev and UX/UI. The content is simple, original, and super useful. You have to try it!” ⭐️⭐️⭐️⭐️⭐️
  • Darian Brandt —”I loved the simple, graphical and memorable UI and UX design notes which taught me things I didn’t even know I needed to know. The entire course is very easy to understand but surprisingly in-depth. I’m learning a lot more than I expected, thanks” ⭐️⭐️⭐️⭐️⭐️
  • Prem Sager—”This is awesome and a must-do course for all the frontend developers. The UX part was very well researched and presented. HTML was a really good refresher. Completed CSS and JS sections, this content is amazing and really boosts my skill set.” ⭐️⭐️⭐️⭐️⭐️
Jayed Mahmud— I wanted to learn coding which is related to Website design which is implemented quite nicely in this course. This course starts with visualization which is absolutely brilliant. I am still continuing but so far this is a great one. Thanks.” ⭐️⭐️⭐️⭐️⭐️
  • Ebe David Temiloluwa—”In this course, I got the kind of frontend development designs I have never come across before in the projects. If you’re looking for new type of designs produced with good css and javascript, this is the course for you.” ⭐️⭐️⭐️⭐️⭐️
  • Jeisson Zambrano — “This course targets exactly what I came here looking for. The explanations are clear and focused on the business perspective of UX/UI development.” ⭐️⭐️⭐️⭐️⭐️

Who this course is for:

  • Web Developer who want understand UX
  • UI Developer who want to develop from like UX Designers
  • UX Designers who want to learn how to code
  • Visual Designer who want to combine coding and UX
  • Graphic Designer who want to know how to bring their vector graphic artworks to life


  • No HTML, CSS, JavaScript knowledge needed
  • No prior UX knowledge needed
  • No prior Bootstrap grid system knowledge needed

What you’ll learn

  • Transform Photoshop into HTML mark up and style it with CSS
  • Build 10 creative coding projects using HTML CSS JavaScript
  • Build responsive websites by leveraging Bootstrap 5 grid system
  • Create complex web design layouts using pure CSS Grid and Flexbox
  • Learn about user interface and user experience design fundamentals
  • Learn design principles and the science behind color theory


Zippyshare Links-

Note: Comment below if you find any link dead or getting problem in downloading files and comments with fake E-mail id will be ignored.

You May Also Like

PHP OOP Complete Online Exam System with PHP jQuery Ajax
Flask Ultimate Course Build 4 Real World Projects
ZBhwOkjIR7zWP5mixfkYhCLmGeUKyKKQ 1
Data Structures and Algorithms: In Depth using C#


Leave a Reply

Your email address will not be published. Required fields are marked *