Create a Single HTML5 Resume (Udemy.com)

An intermediate course on how to build a single HTML5 resume page based on the 960 grid system

( 5 Reviews )

Created by: Elias Sarantopoulos

Produced in 2018

What you will learn

Build a single HTML5 resume page.
Learn about the 960 grid system using the 12 column layout.
Use a detailed layered Photoshop template.
Add HTML5 elements, HTML lists, CSS pseudo class selectors, CSS positioning.
Get you practice on your own using similar techniques.

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 84 / 100

Course Description

The reasons to have an online resume are countless! With one click you can introduce yourself to potential employers, highlight your accomplishments and your leadership experiences, talk about your qualifications, prove you care about the job and you understand the working world. An online presence is easy to share, it makes you look good, it's limitless, always working for you and its sole purpose is to get you an interview. What this course will cover:
In this intermediate course you will create a single HTML5 Resume page based on the 960 grid system, a very popular streamline web development workflow used by a lot of developers and designers. The course begins with an introduction of the 960 grid system, what it means, and how to use the 12 column framework. We will be creating this page together code by code, line by line, controlling typography, styling every element and utilizing the framework. This resume page is using HTML5 elements, HTML lists, CSS pseudo class selectors, and CSS positioning. Some working HTML and CSS experience is required as well as a basic knowledge of Photoshop. The whole resume layout is based on a detailed layered Photoshop template which I am proving as of the exercise files to follow along. We are going to be measuring spaces, gaps, widths, heights, sampling background colors, and typographical elements. Total Time: 72.04 minutesWho this course is for:

All graphic, web, and interaction designers.
Anyone with some working HTML/CSS knowledge.
Anyone who wants to be introduced and use the 960 grid system.
Anyone who wants to create their resume page using coding standards and layout techniques.
Anyone who wants to pick up more knowledge using HTML/CSS3.

Time: 1h

Instructor Details

Elias Sarantopoulos

4.2 Rating
5 Reviews

Born in Athens, Greece, Elias migrated to the US where he received his BA and MA degrees. He started his professional career in the mid-90s working for tech startups focusing on web technologies and being a part time faculty in various educational institutions. An instructor and mentor over 20 years of teaching experience Elias has taught both graphic and web design courses in corporations, universities, and colleges.

In 2008 he started 3rdElement.com, his personal free online training blog teaching subjects on Photoshop, Web Design, Photography, Illustrator, and 3D tutorials which have also been published and shared to various prominent community blogs (Cgtuts+, Design Instruct among others) for all graphic and web designers. His lectures focus on creative examples from start to finish so students practice, troubleshoot and finish a whole project.

He has developed an iOS application; the Hagia Sophia Tour Guide (three different languages) based on one of the architecturally most recognized museums in history. He is an avid amateur photographer collecting materials for his lectures as well as enjoying casual photography.

Elias is currently residing in Istanbul, Turkey teaching at a private university participating in all aspect

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game (2021)
5.0 (20 Reviews)

- Provider: Udemy
- Time: 5.5h

$11.99

Build a new and modern looking Responsive websites

Build a new and modern looking Responsive websites (2017)
4.9 (43 Reviews)

- Provider: Udemy
- Time: 9.5h

$11.99

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap (2021)
4.8 (397 Reviews)

- Provider: Udemy
- Time: 14h

$11.99

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap (2021)
4.8 (376 Reviews)

- Provider: Udemy
- Time: 16.5h

$11.99

How to Create A Website: An HTML Tutorial and CSS Tutorial

How to Create A Website: An HTML Tutorial and CSS Tutorial (2016)
4.8 (299 Reviews)

- Provider: Udemy
- Time: 32.5h

$11.99

Code Your First Website with HTML & CSS for Kids & Beginners

Code Your First Website with HTML & CSS for Kids & Beginners (2019)
4.8 (196 Reviews)

- Provider: Udemy
- Time: 2h

$11.99

All html 5 courses

Reviews

4.2

5 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Liat Fried

very clear explanations. step by step. includes all theory behind every action. it helped me allot!!!

By Sam Ade

The course is well delivered, with good pace for learners to follow and learners are directed to valuable resources which will help them to continue to make advancement in HTML5.

By Ellen Tolhuisen

I am from holland Europe. You have a very pleasent voice. I enjoyed the course very much.

1 thing. In IE7 i do only see 1 color of the skills in every item just one color. can you help me fixing this?

By Raffael Erhart

I like this course because after it, you will actually have a functioning personal website besides having learnt a lot about HTML5 and CSS3.

By Paul Ward

Initially this started out rather good, Explanations, code examples. However in lecture 6, there appeared to be quite a lot of code which had been inserted from where we left off in lecture 5. I tried manually typing all this in, but sill couldn't get it right. I will wait until this is fixed before carrying on with it....