Web Development Course - Frontend Basics #1

Focused View

Brad Bertsche

11:59:42

38 View

1 - Introduction

1 - Introduction.mp4

01:30

2 - Course Files.html

2 - Finished-Project-URL.txt

2 - course-design.zip

2 - 1 Getting Started

3 - 11 Install Nodejs.mp4

02:19

4 - 12 Installing Git.mp4

08:07

5 - 13 Cloning Frontend Repo.mp4

02:23

6 - 14 Cloning Our New Repo Locally.mp4

05:28

7 - 15 Project Overview.mp4

08:01

8 - 16 How To Run Commands.mp4

06:05

3 - 2 Section 1

9 - 21 Section 1.mp4

08:59

10 - 22 Section 1.mp4

14:50

11 - 23 Section 1.mp4

02:49

12 - 24 Section 1.mp4

08:07

13 - 25 Section 1.mp4

09:38

14 - 26 Section 1.mp4

06:14

15 - 27 Section 1.mp4

22:38

16 - 28 Section 1.mp4

12:12

17 - 29 Section 1.mp4

27:56

18 - 210 Section 1.mp4

18:44

19 - 211 Section 1.mp4

20:57

4 - 3 Section 2

20 - 31 Section 2.mp4

17:11

5 - 4 Section 3

21 - 41 Section 3.mp4

25:42

22 - 42 Section 3.mp4

18:17

23 - 43 Section 3.mp4

21:31

24 - 44 Section 3.mp4

16:54

6 - 5 Section 4

25 - 51 Section 4.mp4

35:02

7 - 6 Section 5

26 - 61 Section 5.mp4

20:27

27 - 62 Section 5.mp4

08:38

8 - 7 Section 6

28 - 71 Section 6.mp4

25:51

29 - 72 Section 6.mp4

16:42

9 - 8 Section 7

30 - 81 Section 7.mp4

28:29

31 - 82 Section 7.mp4

29:33

10 - 9 Section 8

32 - 91 Section 8.mp4

22:26

33 - 92 Section 8.mp4

21:19

11 - 10 Section 9

34 - 101 Section 9.mp4

23:55

35 - 102 Section 9.mp4

20:34

12 - 11 Footer

36 - 111 Footer.mp4

29:27

37 - 112 Footer.mp4

29:43

13 - 12 Responsive Updates

38 - 121 Responsive Updates.mp4

33:26

39 - 122 Responsive Updates.mp4

14:24

40 - 123 Responsive Updates.mp4

08:10

41 - 124 Responsive Updates.mp4

15:56

42 - 125 Responsive Updates.mp4

22:40

43 - 126 Responsive Updates.mp4

11:34

44 - 127 Responsive Updates.mp4

14:54

Description

Frontend web development using Bootstrap and SASS.

What You'll Learn?

Learn how to convert a static design to HTML and CSS.
Learn how to use SASS to make writing CSS easier.
Learn how to leverage Bootstrap when converting a static design to HTML and CSS.
Learn helpful workflow tips that allow you to get your designs looking close to the original design.
Learn how to take a desktop design and convert it into a mobile responsive design.

Who is this for?

Beginner web developers looking to level up their skills with battle tested frontend workflow methods.

What You Need to Know?

You should have a basic understanding of CSS, HTML, and Git.

More details

Description
Hello and welcome to my web development course: Frontend Development Basics #1.
My name is Brad Bertsche and Iâ€™m a professional full stack web developer with more than 13 years of experience.
In this course I am going to show you my workflow for breaking down a website design and converting it to HTML and CSS. I will also be using SASS and Bootstrap to make it all come together.
We will first focus on the desktop design and then I will show you how to convert it to a mobile responsive version.
The course is designed to make it easy to get started writing code and following along. You will be provided with all the assets you need to complete the course.
From a professional perspective this is a novice level course, but it is not for absolute beginners. You should have some basic knowledge of CSS and HTML before taking this course.
This course is just shy of 12 hours in length, and all footage is in real time, 4k resolutionÂ (original footage is in 4k but may playback at different resolutions depending the platform you watch it on), with some minor edits.
For a code editor I will be using IntelliJ Idea, but you should be able to follow along in any code editor if you know the basics of it.
Other software we will be using includes Affinity Designer, Affinity Photo, and Firefox.
This tutorial is made for Windows, but there is no reason why you couldnâ€™t do this on any other operating system. However, you might have to look up how to install a couple of things.
Thank you for checking out my course and letâ€™s get started!
Who this course is for:
Beginner web developers looking to level up their skills with battle tested frontend workflow methods.

User Reviews

Rating

average 0

Total votes0

Focused display

Front End Web Development

Brad Bertsche

Instructor's Courses

I’m a professional full stack web developer who’s been doing it day in and day out for over 13 years. Been writing code since I was a kid, and I have been interested in computer programming since the days of DOS.I took up web development more than a decade ago seeing it as the future. After a few years of side hustle, I started working professionally in the web development field in 2010. After a year and a half of employment at a new SaaS provider I started my own web development and consulting business in June 2012.Over the years I’ve worked on all kinds of projects from the basic to the complex. I do basically everything you could need a web developer to do.In 2023 I am launching the brand MIMIRR as a high quality source of web development content.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.