Get a 50% discount when you buy 2 courses or more!
NEW Special offer Code your own portfolio – coding classes for designers By Aga Naplocha
This offer ends:
$100 $49
Buy
Code your own portfolio – coding classes for designers
English English, Spanish, French (+2)
2.5 Hours Course

Code your own portfolio – coding classes for designers

Watch Trailer
Special offer $100 $49
Buy course

Coding is fun, trust me! With these classes you’ll end up with a usable product at the end – the PORTFOLIO. Every designer needs it, right?
Everything in this course is served in a really creative sauce with easy instructions to follow. Don’t hesitate and start your coding adventure with HTML & CSS!

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 hand off your projects to developers and better speak their language.

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

What you're going to learn:

  • HTML tags
  • CSS basics and properties
  • Implementing Google Fonts on the website
  • Using dev tools in a web browser
  • Coding
  • Design
    •    
  • Portfolio
  • HTML
  • CSS
  • Google Fonts
  • Navigation
  • Typography
  • Transitions
Course Table of contents
What will you learn?

7 sections • 17 lectures • 2.5 hours

  • Welcome
    1 lectures 1:22 min
    • Welcome
      1:22 min
  • Coding basics
    4 lectures 35 mins
    • HTML basics
      4:12 mins
    • First exercise in HTML
      13:01 mins
    • First steps with CSS
      11:52 mins
    • Playing with more CSS properties
      6:39 mins
  • Portfolio project
    3 lectures 35 mins
    • Starting our portfolio project
      13:41 mins
    • Building remaining sections and elements in HTML
      13:06 mins
    • Web Typography
      9:14 mins
  • Layouting
    1 lectures 22 mins
    • Placing elements on the defined grid
      21:40 mins
  • Tweaking remaining elements in portfolio
    6 lectures 57 mins
    • Building the navigation
      15:54 mins
    • Tweaking the header
      10:32 mins
    • Adding background image and box shadow
      08:16 mins
    • Styling the list & project sections
      12:30 mins
    • Styling the footer
      4:37 mins
    • Styling navigation
      7:16 mins
  • Adding subtle animation
    1 lectures 5 mins
    • CSS transition function
      5:21 min
  • Summary of the course
    1 lectures 1:28 mins
    • Summary of the course
      1:28 mins
Course details

Code your own portfolio – coding classes for designers

Code your own portfolio – coding classes for designers

By Aga Naplocha

  • Coding
  • Design
    •    
  • Portfolio
  • HTML
  • CSS
  • Google Fonts
  • Navigation
  • Typography
  • Transitions
$49 51% off $100

This offer ends:

  • English
  • English, Spanish, French, Italian, Portuguese
  • The course is dedicated for 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.
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Aga Naplocha

    Aga Naplocha

    UX & coding designer

    @aganaplocha

    Aga Naplocha is a UX & coding designer. She is the co-founder of The Awwwesomes – an initiative teaching how to create awwwesome things on the Web, organizing coding & UX workshops for beginners, co-organizing conferences (Front Trends 2018 and Elementarz UX) and meetups in Poland. She loves dinosaurs, pink color and Wes Anderson's movies. Feel free to visit Aga on her Instagram and Twitter.

    aganaplocha.com

Similar Courses