🚨 Time is Running Out: Reserve Your Spot in the Lucky Draw & Claim Rewards! START NOW
watching now
226 Students

Description

What Will You Learn?

  • How to build websites with HTML & CSS
  • How to work with NoSQL databases like MongoDB
  • How to build mobile-friendly websites with Bootstrap 4 & CSS
  • How to build backend servers & APIs with Node and Express
  • How to build full-stack web apps with Facebook's React Framework

Requirements

  • A PC or Laptop running Windows or MacOS
  • An internet connection
  • NFT Certificate
  • 126 Lessons
  • Beginner
  • English
  • 4.5 Rating
  • +100 XP

Share Course on Social media

Curriculum

Course consist of total 25h 42min of content, in total.

Section 1: Intro to Web Development
56:53
HTML - Lists, Paragraphs, and Text Styling
07:59
HTML - Displaying Data With Tables
07:38
HTML - Images & Forms
12:21
Section 2: Introduction to CSS
1:27:35
How to use Inline, Internal and External CSS
08:57
CSS: Element, ID & Class Selectors
10:36
CSS: Colors
14:18
CSS: Backgrounds & Borders
10:33
Using browser inspector tools
13:31
CSS: Combinators
05:31
CSS: Grouping
05:32
CSS: Specificity
15:15
Section 3: Intermediate CSS
1:01:06
CSS: Text Styling & Formatting
20:14
CSS: Google Font
08:15
CSS: Images
09:49
CSS: Padding & Margin
09:42
CSS: Rows & Columns
13:06
Section 4: Advanced CSS: Building and styling website
3:20:52
CSS: Intro to building your first Website!
01:15
CSS: Building the Navbar
22:48
CSS: Making the Navbar Mobile Responsive - Part 1
11:00
CSS: Making the Navbar Mobile Responsive - Part 2
23:44
CSS: Creating the Form Group
30:47
CSS: Working with iframes
22:17
CSS: Working with images and box shadows
42:35
CSS: Working with text and image spacing
28:25
CSS: Building the footer
18:01
Section 5: Learning to Code With Javascript
3:21:03
Time to Javascript
08:50
Javascript Reference
04:21
Javascript: Comments & How to Link Scripts
07:44
Javascript: Variables & Strings
12:57
Javascript: Numbers
08:03
Javascript: Comparison Operators
15:40
Javascript: Logical Operators
15:19
Javascript: Arrays
16:16
Javascript: Loops
14:22
Javascript: Functions
22:19
Javascript: Objects
27:05
Javascript: Bind
08:30
Percentage Calculator - Setting Up the Form
07:56
Percentage Calculator - Grabbing Elements With Javascript
10:38
Percentage Calculator - Using Event Listeners
12:54
Percentage Calculator - Algorithm & Prevent Default
08:09
Section 6: Section 6 - Version control with Git
1:27:32
Git & version control - the fun way
11:59
Terminal Basics - Changing directories
06:07
Terminal Basics - Copying & renaming files
08:57
Terminal Basics - Creating directories & files
04:30
Terminal Basics - Deleting files & directories
06:01
Git Basics
17:16
Setting up Github on macOS
04:36
Local & Remote Repositories
11:14
Working Through Git Merge Conflicts
16:52
Section 7: Introduction to Bootstrap 4
41:30
What is Bootstrap 4?
03:12
Downloading Bootstrap 4
03:04
Bootstrap 4: Project Setup
07:15
Bootstrap 4: Overview of Bootstraps Components
05:57
Bootstrap 4: Understanding Bootstraps Classes
03:15
Bootstrap 4: Using the Grid System
18:47
Section 8: Bootstrap 4: Creating a Login Portal
1:05:19
Project Overview
02:05
Bootstrap 4 Cards: Creating the Sign-in Portal Box
19:36
Bootstrap 4 Forms: Adding the input fields
16:38
Bootstrap 4 Buttons: Adding the Sign In button and Labels
18:31
Bootstrap 4 Grids - Finishing Mobile Compatibility
08:29
Section 9: Bootstrap 4: Skate or Die Website
2:12:33
Bootstrap 4: Skate or Die Intro
01:16
Bootstrap 4: Working with Navbars
10:32
Bootstrap 4: Using Carousels
23:15
Bootstrap 4: Nesting rows and columns
20:55
Bootstrap 4: Modals
16:11
Bootstrap 4: Adding images and buttons
18:58
Bootstrap 4: Sizing Modals
18:19
Bootstrap 4: Building the Footer
07:34
Bootstrap 4: Working with Font Awesome Favicons
15:33
Section 10: Beginner Sass
3:32:02
Intro to Sass
01:10
What is Sass?
08:02
How to install Sass and compile it to CSS
11:46
Your FIRST Sass Website
29:47
Different tools to compile Sass
06:44
How to structure your Sass
14:44
Sass Partials: Maintainable Styles Rules
07:15
Sass Variables and Imports: Create a clean Scalable Stylesheet
20:53
Sass Mixins: Save time & recycle styles
11:56
Sass Extends: Share style properties between other selectors
06:18
Final Project: Intro to our Landing Page
01:00
Final Project: Setting up our Variables
15:22
Final Project: Styling our Navbar with Sass
11:05
Final Project: Creating the Banner Container
03:19
Final Project: Adding Content to our Banner Container
10:25
Final Project: Doing some quick cleanup in our Sass files
04:24
Final Project: Using the Extend method
05:03
Final Project: Styling a section splitter with Sass
05:02
Final Project: Using advanced Mixins
21:15
Final Project: Styling the next Container with Sass
05:51
Final Project: Finishing our Landing Page, Congrats!
10:41
Section 11: Intro to Node, Mongo, & REST APIs
3:22:49
Understanding Web Requests
17:12
Installing Node on macOS
07:49
All About JSON
10:40
Basics of Node
09:23
Node Modules
05:39
Building Your First API
16:58
Postman, GET & POST Requests
19:23
URL Parameters & Delete Requests
18:16
Installing MongoDB on macOS
05:41
Working With the Mongo Shell
12:18
Searching for Documents
08:04
Deletions & Documentation
04:24
Swag Shop API: Project Creation
10:09
Swag Shop API: Creating the Models
14:41
Swag Shop API: Posting Products
12:55
Swag Shop API: Fetching Products
09:56
Swag Shop API: Populating Data
19:21
Section 12: Intro to React
3:13:42
Swag Shop: Setting Up React Tooling
18:58
Swag Shop: Installing Bootstrap
11:28
Swag Shop: Setting Up the API
06:26
Swag Shop: Creating a HTTP Service
19:01
Swag Shop: Promises With ES6 & React
12:20
Swag Shop: Components in React - Website Product
13:48
Swag Shop: Props in React
11:01
Swag Shop: Working With State in React
13:46
Swag Shop: Creating a WishList Component
24:50
Swag Shop: Building a Singleton Data Service
11:23
Swag Shop: Creating a Notification Service
13:09
Swag Shop: Posting Notifications to React Components
07:31
Swag Shop: Observing Notifications in React
13:47
Swag Shop: Finishing Our Full Stack React App
16:14

About the Instructor

90.2% of students rated this instructor as excellent!

Mark Price is known as a veteran mobile developer. He has built more than 60 mobile apps for Android and iOS. Also, he is teaching Unity 3D game development, JavaScript, Java, Node, Android iOS 10, Swift, React, and more. Through the years, Mark has made a lot of Unity 3D games like Call of Duty Ghost mobile and others.

Mark loves teaching. That’s why he is spending a lot of his time working as a professional engineering instructor. He is passionate about helping people reveal hidden talents so he teaches all who want to learn programming or begin a startup.

Moreover, Mark Price is the CEO of Devslopes that is dedicated to teaching coding skills to aspiring developers. Devslopes offers courses, quizzes, and exercises for beginners who want to become paid professionals.

On BitDegree, you have a chance to choose from various Mark Price’s courses. You can learn how to develop a game, app or website, improve your coding skills and much more. So look no further, choose a course and start learning with Mark Price today!

See All Instructor Courses

Course reviews