Code your own portfolio – HTML & CSS basics

Aga Naplocha, Creative coder & designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Lessons (3h 2m)
    • 1. Intro

      1:22
    • 2. HTML basics

      4:12
    • 3. First exercise in HTML

      13:01
    • 4. First steps with CSS

      11:52
    • 5. Playing with more CSS properties

      6:39
    • 6. Starting our portfolio project

      13:41
    • 7. Building remaining sections and elements in HTML

      13:06
    • 8. Web Typography

      9:14
    • 9. Placing elements on the defined grid

      21:40
    • 10. 1/2 Placing elements on the defined grid

      12:30
    • 11. 2/2 Placing elements on the defined grid – part 1.

      9:09
    • 12. Building the navigation

      15:54
    • 13. Tweaking the header

      10:31
    • 14. Adding background image and box shadow

      8:16
    • 15. Styling the list & project sections

      12:30
    • 16. Styling the footer

      4:37
    • 17. Styling navigation

      7:16
    • 18. CSS transition function

      5:21
    • 19. Summary of the course

      1:28
97 students are watching this class

About This Class

c2bc55ae

In these classes we’re going to code designer’s portfolio which means that we’re going to learn HTML & CSS basics by implementing the layout step-by-step. 

The goal of these classes is to show you that code is a great tool for UI & UX designers to express their ideas in the real environment for their projects which is a web browser. 

After the course you’ll be able to better handoff your projects to developers and better speak their language. 

Have ever tried tweaking existing HTML templates for Wordpress? This course is going to help you to easily adjust them to your needs.

What your going to learn:

  • HTML tags
  • CSS basics and properties
  • Implementing Google Fonts on the website
  • Using dev tools in a web browser

Who is this course for?

The course is dedicated for UI & UX designers who would like to start learning HTML & CSS by practical examples.  

Prior coding knowledge is not required. We will cover basics step by step, so you will be able to follow along. 

–––––––––––––––––––––––––––––––––––––––––––––––––

Don't hesitate to check out my other classes devoted to coding, animations on the Web and CSS in general :)

–––––––––––––––––––––––––––––––––––––––––––––––––

Win a free year of Skillshare Premium Membership

Post a project in the projects section for a chance to win a free year of Skillshare Premium Membership.