Web Design Made Easy: Learn Bootstrap Studio in 12 Hours

Focused View

Paul Gieske

2:28:01

6 View

01 promo.mp4

01:11

02 introduction.mp4

03:38

03 class project.mp4

01:19

04 hour 1 html explained.mp4

04:21

05 hour 1 css explained.mp4

04:31

06 hour 1 bootstrap explained.mp4

02:37

07 hour 2 user interface.mp4

02:19

08 hour 2 adding and styling simple components.mp4

04:59

09 hour 2 margins and padding.mp4

03:40

10 hour 3 adding the navbar.mp4

04:53

11 hour 3 linking other pages and testing.mp4

03:23

12 hour 4 carousel.mp4

02:37

13 hour 4 gallery.mp4

02:44

14 hour 4 maps.mp4

05:14

15 hour 4 article list.mp4

02:54

16 hour 5 rows and columns explained.mp4

08:42

17 hour 5 rows and columns example (creating a footer).mp4

05:04

18 hour 6 importing themes.mp4

01:58

19 hour 6 custom styles.mp4

04:34

20 hour 6 responsive styles.mp4

03:40

21 hour 6 defining styles.mp4

05:07

22 hour 7 overriding styles.mp4

05:12

23 hour 7 overriding the hover.mp4

03:53

24 hour 8 flexbox explained.mp4

04:43

25 hour 8 flexbox example arranging icons.mp4

02:47

26 hour 8 flexbox example push the footer down to the bottom of the page.mp4

02:30

27 hour 9 adding custom components to the library.mp4

05:33

28 hour 9 inline svg.mp4

06:27

29 hour 10 forms.mp4

06:08

30 hour 10 smart forms.mp4

05:17

31 (optional) hour 11 javascript tips for noobs.mp4

02:06

32 (optional) hour 11 javascript onclick.mp4

03:10

33 (optional) hour 11 javascript element ids if and else.mp4

03:56

34 (optional) hour 11 javascript deactivating the email input field.mp4

04:05

35 (optional) hour 11 javascript check for valid email address.mp4

03:46

36 hour 12 export and publish settings.mp4

02:22

37 hour 12 publishing.mp4

02:09

38 hour 12 exporting.mp4

03:28

39 conclusion and final thoughts.mp4

01:04

Exercise Files.zip

Description

In this class we will learn to use 'Bootstrap Studio' to design beautiful and responsive websites easily. Bootstrap Studio is a drag-and-drop wyziywyg website designed. It's quite easy to use, and there's no coding required. If you buy a copy of the software you even get free hosting.

The course has been created for complete beginners. If you already have some experience with web design, that's great and you should be able to fly through the course. If you are a complete beginner take your time and take it step by step and the course will also be easy for you.

This course is divided into 12 chapters designed to take very roughly 1 hour each.

Chapter Overview:

Hour 1 – Understanding the very basics of HTML, CSS and Bootstrap
Hour 2 – Getting Started
Hour 3 – Adding a Navbar
Hour 4 – Four Examples
Hour 5 – Rows and Columns
Hour 6 & 7 – Themes and Styles
Hour 8 – Flexbox
Hour 9 – Creating Custom Components
Hour 10 – Adding Forms
Hour 11 – (Optional) Very basics of Javascript
Hour 12 – Publishing and Exporting

What You'll Learn?

Technology
Web Development
HTML
CSS
Web Design
Website Design
Bootstrap

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

CSS

HTML5

Bootstrap

Web Design

Paul Gieske

Instructor's Courses

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.