2.5  2 reviews on Udemy

Code a Resume and CV Page using popular web frameworks

Learn web design by coding a website using 5 CSS frameworks: Bootstrap 4, Bulma, Semantic UI, Foundation 6 & Materialize
Course from Udemy
 22 students enrolled
 en
Learn to create a Resume and CV Page with all the relevant sections and content
Learn how each framework uses different code structure, classes and attributes to create the same kind of component.
Learn how each framework differ in the visual style of each component
Learn what is possible and what isn't with each framework

ABOUT THE COURSE

This course is for the beginner who wants to get a quick introduction to various popular front-end CSS frameworks by recreating the same project multiple times. By taking this course you'll get introduced to the latest versions of Bootstrap 4, Bulma, Semantic UI, Foundation 6 and Materialize. These frameworks are some of the most popular ones used today by web designers and developers all over the world.

In this course you'll learn how to create a Resume and CV Page using various popular front-end CSS frameworks. Using one framework at a time I will start from scratch and walk you through how to create the same project. The project created with each framework will have the same general layout and design, however there will be some small visual differences from project to project due to the specific features and styles of the various frameworks.

The idea behind re-creating the same project with different frameworks is to learn how each framework use different code structure, classes and attributes to create the same kind of component. You will also learn how each framework differ in the visual style of each component, and learn what is possible and what isn't with each framework.

ABOUT THE PROJECT

This project is about creating a Resume and CV Page. You'll learn how to structure various pieces of content, how to design a user-friendly interface, and how to make it look great on all device sizes by using a responsive grid.

The project will contain the following sections:

  • About
    An introduction section with name, picture, heading, description and quote

  • Work Experience
    A list of work experience with icon, job title, workplace, time period and description

  • Education
    A list of education with icon, education title, institution, time period and description

  • Testimonials
    A carousel with testimonials with quote and name

  • Contact Info
    Various facts: Full name, date of birth, contact information, user profiles, address and message form

  • Portfolio
    A list of links with icons to different online portfolio and social media profiles

  • Skills
    A list of skills with icon, technology and progress bar grouped into various categories

ABOUT THE FRAMEWORKS

The following frameworks will be used to create a Resume and CV Page:

  • Bootstrap 4 (compatible with the latest version v4.4.0)

  • Bulma (compatible with the latest version v0.8.0)

  • Semantic UI (compatible with the latest version v2.4.2)

  • Foundation 6 (compatible with the latest version v6.5.3)

  • Materialize (compatible with the latest version v1.0.0)

Bootstrap 4:

We'll use the following parts of Bootstrap 4:

  • Layout: Containers, Grid system

  • Content: Typography, Images

  • Components: Button, Card, Carousel, Forms, Input Group, Media Object, Progress

  • Utilities: Colors, Display, Flex, Sizing, Spacing, Text

Bonus:

As a bonus you'll also learn how to use Font Awesome 5 to add icons to your project.

Bulma:

We'll use the following parts of Bulma:

  • Modifiers: Color Helpers, Typography Helpers

  • Layout: Columns, Container, Level, Media Object, Section

  • Forms: General, Input, Textarea

  • Elements: Box, Button, Content, Icon, Image, Title

Bonus:

As a bonus you'll also learn how to use Font Awesome 5 to add icons to your project.

Semantic UI:

We'll use the following parts of Semantic UI:

  • Elements: Button, Container, Header, Icon, Image, Input

  • Collections: Form, Grid

  • Modules: Progress

  • Views: Card, Item

Foundation 6:

We'll use the following parts of Foundation 6:

  • General: XY Grid, Forms

  • Utilities: Flexbox Utilities

  • Typography: Helper Classes

  • Controls: Button, Button Group

  • Containers: Card, Media Object

  • Media: Orbit, Progress Bar

Bonus:

As a bonus you'll also learn how to use Font Awesome 5 to add icons to your project.

Materialize:

We'll use the following parts of Materialize:

  • CSS: Color, Grid, Helpers, Media, Typography

  • Components: Buttons, Cards, Collection, Preloader

  • JavaScript: Carousel

  • Forms: Text Inputs

Bonus:

As a bonus you'll also learn how to use Font Awesome 5 to add icons to your project.

---

I hope you will be inspired to create your own Resume and CV Page afterwards. Please send me a link if you do so. I would love to see it!

Code a Resume and CV Page using popular web frameworks
$ 94.99
per course
Also check at

FAQs About "Code a Resume and CV Page using popular web frameworks"

About

Elektev is on a mission to organize educational content on the Internet and make it easily accessible. Elektev provides users with online course details, reviews and prices on courses aggregated from multiple online education providers.
DISCLOSURE: This page may contain affiliate links, meaning when you click the links and make a purchase, we receive a commission.

SOCIAL NETWORK