Professional courses in front-end development.

At Frontend Workshop you can learn some of the skills required to become a professional front-end developer. The focus is on courses for beginners who wants to get expert knowledge and guidance when starting out as a front-end developer.

Right now you can get a free course of your choice by signing up to my mailing list and huge discounts on all other courses by using the links on this page that includes coupon codes.

Remember to also check out my new book about Bootstrap 5: The Missing Bootstrap 5 Guide. Read more below.

Your course instructor: Jeppe Schaumburg Jensen
New book release

The Missing Bootstrap 5 Guide

Customize and extend Bootstrap 5 with Sass and JavaScript to create unique website designs

Published: August 2022

View book on Amazon

Book description

Bootstrap is one of the world's most popular and easy-to-use frontend UI toolkits for building responsive websites, but few know how to get the most out of its vast range of components, utilities, JavaScript plugins, and other features. The Missing Bootstrap 5 Guide will help you customize Bootstrap 5 with Sass to achieve a layout that stands out from the crowd, enabling you to create something unique that doesn't look like it was created with Bootstrap.

With this practical guide to Bootstrap customization, developers working with Bootstrap will be able to utilize powerful customization techniques to create websites with unique designs and exclusive features. You'll see how you can develop a visually appealing website quickly and easily by taking a hands-on approach to customizing your website using advanced features of CSS, Sass, and JavaScript. Starting with learning how the Bootstrap 5 visual style is created with Sass, you'll find out how to customize it to fit your needs while achieving the website look you want. You'll then use this knowledge to create a website using most of Bootstrap 5's components and customization with Sass and JavaScript. Finally, you'll explore various advanced Bootstrap 5 topics related to Sass, CSS, JavaScript, and source code optimization.

By the end of this book, you'll be able to design and build modern, captivating, and unique websites on your own using the immense capabilities of Bootstrap 5.

What you will learn

  • Identify the most important Sass features for using Bootstrap 5
  • Understand the structure and content of Sass code used in Bootstrap 5
  • Explore customization options, colors, layout, content, forms, components, helpers, and utilities
  • Find out how to customize, extend, and improve a website to make it unique
  • Discover different ways of using the CSS custom properties of Bootstrap 5
  • Get to grips with Bootstrap 5 source code optimization

Who this book is for

This book is for UI designers and developers who are familiar with HTML and have prior experience with Bootstrap. Frontend as well as backend developers using Bootstrap, who don't know how to code CSS but have a solid grasp on HTML, will also find this book useful. Experienced users of the default Bootstrap files can use this book to learn all about customization and other advanced features.

View book on Amazon
Free course

Sign-up to my mailing list and get life-time access to a free course

Receive a coupon code and get one of my premium courses on Udemy for free when you sign up to the mailing list. Regular price is up to €199.99 each. You will receive more offers by mail when new courses are published.

Free access

Two months free Premium Membership

Sign up for two months free Premium Membership at SkillShare and get unlimited access to all of my classes plus thousands of other Premium classes. There's no commitments and you can cancel anytime.

Free Premium membership
New
Bestseller
Course image
Last updated 11/2022

Master Bootstrap 5 and code 6 projects

Learn about all the parts of Bootstrap 5 using Learning Kit, quizzes and coding exercises and code 6 projects (17 pages)

This course is for the beginner who want to learn Bootstrap 5 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 Bootstrap 5 you will find a detailed walk-through of how to customize and extend Bootstrap 5 with Sass.

Finally, you will find a detailed walk-through of how to build 6 complete projects using only Bootstrap 5.

  • Skill Level: Beginner
  • Language: English
  • Sections: 16
  • Lectures: 208
  • Video: 20 hours
  • Projects: 6
  • Learning Kit: Yes
  • Downloads: 14
  • Source Files: 200+
  • Quizzes: 5
  • Coding Exercises: 38
Popular
Course image
Last updated 3/2019

Master Bootstrap 4 (4.3.1) and code 7 projects with 25 pages

Master the latest version of Bootstrap 4 and create real projects and themes while learning HTML, web design and coding

This course is for the beginner who want to learn Bootstrap 4 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 Bootstrap 4 you will find a detailed walk-through of how to build seven complete projects using only Bootstrap 4.

  • Skill Level: Beginner
  • Language: English
  • Sections: 15
  • Lectures: 208
  • Video: 22.5 hours
  • Projects: 7
  • Learning Kit: Yes
  • Downloads: 27
  • Source Files: 100+
  • Quizzes: 5
  • Coding Exercises: 70
Updated
Course image
Last updated 11/2019

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

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 complete projects using only Bulma.

  • Skill Level: Beginner
  • Language: English
  • Sections: 10
  • Lectures: 102
  • Video: 10 hours
  • Projects: 4
  • Learning Kit: Yes
  • Downloads: 5
  • Source Files: 100+
  • Coding Exercises: 44
Course image
Last updated 6/2019

Master Semantic UI and code 3 projects with 9 pages

Master the latest version of Semantic UI and create real projects and themes while learning HTML, web design and coding

This course is for the beginner who want to learn Semantic UI 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 Semantic UI you will find a detailed walk-through of how to build three complete projects using only Semantic UI.

  • Skill Level: Beginner
  • Language: English
  • Sections: 8
  • Lectures: 98
  • Video: 14 hours
  • Projects: 7
  • Learning Kit: Yes
  • Downloads: 4
  • Source Files: 100+
Course image
Last updated 02/2020

Master Foundation 6 and code 3 projects with 9 pages

Master the latest version of Foundation and create real projects and themes while learning HTML, web design and coding

This course is for the beginner who want to learn Foundation 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 Foundation you will find a detailed walk-through of how to build three complete projects using only Foundation.

  • Skill Level: Beginner
  • Language: English
  • Sections: 12
  • Lectures: 95
  • Video: 10.5 hours
  • Projects: 3
  • Learning Kit: Yes
  • Downloads: 4
  • Source Files: 100+
  • Coding Exercises: 44
Course image
Last updated 12/2019

Master Materialize and code 3 projects with 9 pages

Master the latest version of Materialize and create real projects and themes while learning HTML, web design and coding

This course is for the beginner who want to learn Materialize 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 Materialize you will find a detailed walk-through of how to build three complete projects using only Materialize.

  • Skill Level: Beginner
  • Language: English
  • Sections: 8
  • Lectures: 94
  • Video: 9 hours
  • Projects: 3
  • Learning Kit: Yes
  • Downloads: 1
  • Source Files: 100+
  • Coding Exercises: 19
Course image
Last updated 02/2020

Code a Knowledge Base using popular web frameworks

Learn web design by coding a website using 5 CSS frameworks: Bootstrap 4, Bulma, Semantic UI, Foundation 6 & Materialize

This course is for the beginner who wants to get a quick introduction to various popular front-end CSS frameworks by creating 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.

  • Skill Level: Beginner
  • Language: English
  • Sections: 7
  • Lectures: 113
  • Video: 9 hours
  • Projects: 5
  • Learning Kit: Yes
  • Downloads: 4
  • Source Files: 80
Course image
Last updated 02/2020

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

This course is for the beginner who wants to get a quick introduction to various popular front-end CSS frameworks by creating 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.

  • Skill Level: Beginner
  • Language: English
  • Sections: 7
  • Lectures: 71
  • Video: 9 hours
  • Projects: 5
  • Learning Kit: Yes
  • Downloads: 4
  • Source Files: 80
Course image
Last updated 02/2020

Code a Small Business Website using popular web frameworks

Learn web design by coding a website using 5 CSS frameworks: Bootstrap 4, Bulma, Semantic UI, Foundation 6 & Materialize

This course is for the beginner who wants to get a quick introduction to various popular front-end CSS frameworks by creating 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.

  • Skill Level: Beginner
  • Language: English
  • Sections: 7
  • Lectures: 119
  • Video: 11 hours
  • Projects: 5
  • Learning Kit: Yes
  • Downloads: 4
  • Source Files: 80