Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Master Bulma CSS framework and code 4 projects with 14 pages
Rating: 4.4 out of 5(122 ratings)
966 students

Master Bulma CSS framework and code 4 projects with 14 pages

Master the latest version of Bulma and create real projects and themes while learning HTML, web design and coding
Created byJeppe Schaumburg Jensen
Last updated 2/2021
English

What you'll learn

  • Learn how to create and use all elements, components and modifiers of the Bulma framework
  • Learn how to create four different responsive websites using the Bulma framework
  • Practice with 44 coding exercises and a special built Bulma Learning Kit (100+ source files)
  • Master the latest version of Bulma
  • How to creating fluid and responsive layouts
  • How to use breakpoints and the grid system
  • How to structure all kinds of content
  • How to use all the modifiers
  • How to create all kinds of forms
  • How to build all of the 11 elements
  • How to build all of the 10 components
  • How to add icons with Font Awesome 5
  • Project 1: Create a resume and CV page with Bulma
  • Project 2: Create a small business website with Bulma
  • Project 3: Create a knowledge base with Bulma
  • Project 4: Create an online forum

Explore related topics

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

See a demo
Image of coding exercise example

Course content

12 sections • 128 lectures • 13h 19m total length

  • About the course2:23

    An introduction to this course with an overview of what you're going to learn and create.

  • Projects Overview and Demos0:22

    Get an overview of all the projects you will learn to create in this course. You can also follow the links to experience live demos of all the projects.

  • Understanding Bulma3:33

    An introduction to the Bulma framework. This will give you an overview about its history, general features, available components and much more.

  • Responsiveness1:54

    Learn about how you can create responsive web pages with Bulma.

  • Colors2:06

    Learn about all of the available color classes that can be used with Bulma for text, backgrounds, and some of the components.

  • Downloading and installing Bulma v0.9.12:44

    Learn how to download and install the latest version of Bulma on your local machine.

  • Downloading and installing Font Awesome v5.1.04:49

    Learn how to download and install the Font Awesome icon set and include it in your own project.

  • Bulma Learning Kit3:45

    Learn how to use and navigate the custom built Bulma Learning Kit created specifically for this course. This is very useful when learning about all the features, components and utilities of Bulma.

Requirements

  • Basic understanding of HTML
  • A text editor and a browser

Description

ABOUT

Bulma - one of the world's most popular front-end frameworks!

This course covers all the different parts of the latest version of one of the world's most popular front-end framework, Bulma 0.9.1. Bulma has been used by thousands of people around the world and have been carefully developed to cover a wide range of typical user interfaces.

Web pages built with Bulma works across all kinds of devices, browsers and screen sizes and will have a clean and modern design.

This course is for the beginner who want to learn Bulma from the bottom up. It goes through all the different parts, but each lecture can be watched independently.

In addition to just learning about the different parts of Bulma you will find a detailed walk-through of how to build four different responsive and modern complete projects using only Bulma.

PROJECTS

Create the following projects with Bulma

  • Project 1: Resume and CV Page

  • Project 2: Small Business Website

  • Project 3: Knowledge Base

  • Project 4: Online Forum

LEARNING STYLE

More than just video lectures

In addition to the video lectures this course contains the following kinds of learning materials:

  • 44 coding exercises:
    A total of 301 automatic tests against your code. This is one of the best ways to learn how to code - no downloads or installations required.

  • Bulma Learning Kit: Downloadable ZIP file that works offline A custom built learning kit with source code for all parts of Bulma. Features a reference section with many examples and a practice section, which you can use while learning about Bulma. More than 100 source files included in this learning kit.

UPDATES

Upcoming future updates for this course will include the following:

  • New projects will be added: online shop, social network, portfolio, CMS admin, dashboard and more...

  • New components, utilities and other features in future versions of Bulma will be added

  • Advanced section on how to customize Bulma with Sass

  • Quizzes and assignments

TESTIMONIALS

Don't take my word for it – read what other students are saying:

Great and detailed explanation
– Vasil Murvanidze

(...) quick and concise explanation from the instructor.
– Elin Marte

Excellent course !!
– Rohit Singh

What a great course on such a simple, almost intuitive CSS framework! While going thru 40-plus exercises was draining, it did drive home the points. Loved the resource/starter kit that was provided. Very useful.
– Mark Orlando

If you want to learn Bulma, this is the course to buy. (...) The course is direct to the point and it doesn't waist your time. At the end you'll know everything you need about Bulma.
– Nelson Prado

(...) i am looking forward to the projects which seem to be promising :D
– Martin Nirtl

I'm enjoying the course, the explanation (...)
– Leonardo Isso Campos de Oliveira

Who this course is for:

  • Anyone who wants to learn how to make responsive and modern websites with Bulma
  • Anyone who wants to learn how to make quick prototypes
  • Anyone who wants to learn a new and popular CSS framework

Report abuse