Total Web Development Course | Jan Zavrel | Skillshare

Total Web Development Course

Jan Zavrel, Developer, Author, Consultant

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
160 Lessons (12h 55m)
    • 1. Promotional video

      1:55
    • 2. Course Introduction

      3:39
    • 3. Frontend Introduction

      2:50
    • 4. HTML

      3:46
    • 5. Web Standards

      4:54
    • 6. Anatomy of HTML Tag

      2:18
    • 7. Basic HTML Structure

      2:00
    • 8. Basic HTML Features

      4:48
    • 9. HTML Content Model

      7:19
    • 10. Basic HTML Elements Part 1

      4:36
    • 11. Basic HTML Elements Part 2

      4:45
    • 12. Basic HTML Elements Part 3

      5:18
    • 13. Basic HTML Elements Part 4

      5:46
    • 14. CSS Introduction

      1:39
    • 15. Anatomy of CSS Rule

      2:25
    • 16. CSS Stylesheets

      3:35
    • 17. CSS User Agent Stylesheet

      2:17
    • 18. CSS Selectors Part 1

      3:49
    • 19. CSS Selectors Part 2

      5:12
    • 20. CSS Selectors Part 3

      6:00
    • 21. CSS Selectors Part 4

      2:30
    • 22. CSS Selectors Part 5

      2:45
    • 23. CSS Property Value Inferring

      3:32
    • 24. CSS Margin & Padding

      4:10
    • 25. CSS Styling List As Menu

      4:37
    • 26. CSS Conflicts Part 1

      5:38
    • 27. CSS Conflicts Part 2

      4:50
    • 28. CSS Styling Text Part 1

      5:39
    • 29. CSS Styling Text Part 2

      1:52
    • 30. CSS Styling Text Part 3

      2:07
    • 31. CSS Styling Text Part 4

      3:28
    • 32. CSS Styling Text Part 5

      5:57
    • 33. CSS Element Size

      4:28
    • 34. CSS Layout Part 1

      5:34
    • 35. CSS Layout Part 2

      5:07
    • 36. CSS Layout Part 3

      8:21
    • 37. CSS Media Queries Part 1

      2:42
    • 38. CSS Media Queries Part 2

      7:59
    • 39. CSS Responsive Design Part 1

      4:40
    • 40. CSS Responsive Design Part 2

      6:09
    • 41. CSS Minification

      2:20
    • 42. CSS Preprocessors

      1:28
    • 43. Bootstrap Part 1

      3:57
    • 44. Bootstrap Part 2

      1:53
    • 45. Bootstrap Part 3

      8:16
    • 46. JavaScript Introduction

      1:57
    • 47. JavaScript Examples

      6:44
    • 48. JavaScript Event Handlers

      1:12
    • 49. DOM & BOM

      5:28
    • 50. Where To Place The Code

      3:37
    • 51. JavaScript Basics

      1:26
    • 52. JavaScript Variables

      2:48
    • 53. JavaScript Functions

      5:18
    • 54. JavaScript Types

      7:39
    • 55. JavaScript Conditions

      6:02
    • 56. JavaScript Equality

      3:02
    • 57. JavaScript Logical Operators

      1:37
    • 58. JavaScript Loops

      5:22
    • 59. JavaScript Arrays

      7:46
    • 60. JavaScript Objects Part 1

      5:28
    • 61. JavaScript Objects Part 2

      8:34
    • 62. Frontend Conclusion

      0:30
    • 63. Backend Introduction

      1:47
    • 64. Backend Setup

      6:07
    • 65. Docker Part 1

      3:26
    • 66. Installing Docker on Mac

      1:19
    • 67. Installing Docker on Windows

      1:13
    • 68. Docker Part 2

      6:02
    • 69. Docker Part 3

      4:09
    • 70. Docker Part 4

      5:48
    • 71. Docker Part 5

      2:01
    • 72. Vagrant & XAMPP Preparation

      4:29
    • 73. Vagrant

      7:12
    • 74. XAMPP

      5:29
    • 75. HTTP

      4:29
    • 76. Web Server

      1:41
    • 77. Database Introduction

      3:50
    • 78. MySQL CLI & Docker

      2:41
    • 79. MySQL CLI & Vagrant

      1:27
    • 80. MySQL CLI & XAMPP

      2:01
    • 81. SQL Part 1

      4:59
    • 82. SQL Part 2

      5:05
    • 83. SQL Part 3

      5:11
    • 84. SQL Part 4

      7:37
    • 85. PHP Introduction

      3:05
    • 86. PHP Basics

      3:03
    • 87. PHP Variables

      1:40
    • 88. PHP Data Types

      6:14
    • 89. PHP Conditionals & Functions

      4:14
    • 90. PHP Objects Part 1

      6:11
    • 91. PHP Objects Part 2

      6:07
    • 92. PHP Exceptions

      2:54
    • 93. PHP & Database

      7:08
    • 94. Git Part 1

      7:25
    • 95. Git Part 2

      7:22
    • 96. GitHub Part 1

      4:41
    • 97. GitHub Part 2

      5:36
    • 98. GitHub Part 3

      4:24
    • 99. phpMyAdmin

      3:36
    • 100. Backend Conclusion

      0:47
    • 101. Talker Starter Template

      2:20
    • 102. Talker Welcome Page

      1:48
    • 103. Sign-Up Form

      8:30
    • 104. Form Validation

      2:26
    • 105. Regular Expressions Part 1

      7:47
    • 106. Regular Expressions Part 2

      2:56
    • 107. Client-Side Validation

      5:15
    • 108. Server-Side Validation Part 1

      7:26
    • 109. Server-Side Validation Part 2

      7:18
    • 110. Sessions Part 1

      8:54
    • 111. Sessions Part 2

      4:29
    • 112. Creating User Record

      5:30
    • 113. Avoiding Duplicity

      4:24
    • 114. Securing Data

      4:40
    • 115. Email Verification Part 1

      10:03
    • 116. Email Verification Part 2

      5:17
    • 117. Email Verification Part 3

      10:04
    • 118. Bootstrap Form Validation Part 1

      9:49
    • 119. Bootstrap Form Validation Part 2

      8:09
    • 120. Bootstrap Form Validation Part 3

      7:11
    • 121. Sign-In Form Part 1

      4:48
    • 122. Sign-In Form Part 2

      3:58
    • 123. Sign-In Form Part 3

      5:24
    • 124. Gate

      4:58
    • 125. Cookies Part 1

      6:19
    • 126. Cookies Part 2

      6:33
    • 127. Account Activation

      7:21
    • 128. Modules

      1:55
    • 129. Basics Form Part 1

      7:16
    • 130. Basics Form Part 2

      8:10
    • 131. Basics Form Part 3

      4:19
    • 132. Passwords Part 1

      7:31
    • 133. Passwords Part 2

      9:08
    • 134. Passwords Part 3

      6:31
    • 135. Passwords Part 4

      8:29
    • 136. Messaging Part 1

      6:59
    • 137. Messaging Part 2

      8:49
    • 138. Messaging Part 3

      7:39
    • 139. Messaging Part 4

      7:30
    • 140. Messaging Part 5

      4:52
    • 141. Groups Part 1

      5:12
    • 142. Groups Part 2

      7:19
    • 143. Groups Part 3

      6:01
    • 144. Groups Part 4

      7:53
    • 145. Groups Part 5

      9:15
    • 146. Groups Part 6

      2:03
    • 147. Groups Part 7

      7:44
    • 148. Groups Part 8

      5:12
    • 149. Groups Part 9

      4:23
    • 150. Groups Part 10

      5:36
    • 151. Groups Part 11

      4:36
    • 152. Groups Part 12

      5:19
    • 153. Groups Part 13

      4:22
    • 154. Home Module

      2:50
    • 155. Talker Conclusion

      1:17
    • 156. Deployment Part 1

      0:35
    • 157. Deployment Part 2

      3:22
    • 158. Deployment Part 3

      6:46
    • 159. Deployment Part 4

      4:23
    • 160. Thank You!

      1:48
20 students are watching this class

About This Class

Become a full-stack web developer, create a "Facebook-like" discussion platform, and publish it on the Internet!

WHO IS THIS COURSE FOR

  • Anyone who wants to become a full-stack web developer
  • Anyone who wants to complete the course with some real product in hands
  • Anyone who wants to generate income as a freelance web developer
  • Anyone who wants to build websites and web applications
  • Anyone who wants to apply for a job and needs his own project to present
  • Anyone who wants to start their own web development business and become financially independent

Programming is poetry and this is the ultimate in-depth learning material that covers everything from HTML, CSS, JavaScript, Bootstrap, Regular Expressions, MySQL, PHP, XAMPP, Vagrant, Docker, and much more.

Here's what you will learn:

  • Frontend web technologies (HTML, CSS, Javascript)
  • Backend web technologies (MySQL, PHP)
  • Development environments (Docker, Vagrant & XAMPP)
  • How to use Git & GitHub
  • How to work with Terminal and Command Prompt
  • How to use regular expressions
  • How to create your own "Facebook-like" discussion platform and publish it on the server

It doesn't matter what you know or don't know now. After completing this course, you will become a full-stack web developer with your own final project in your portfolio.

a693c557

UNDERSTAND TECHNOLOGIES

Learn how things really work behind the scene. Learn what's behind the frontend and backend. You will finally understand how all the pieces fit the puzzle.

NOBODY IS LEFT BEHIND

No matter what computer you own, you will be able to finish this course. You can choose from three development environments based on the capabilities of your machine.

BUILD YOUR OWN WEB APPLICATION

You will not learn just the theory. You will create your own web app! A Facebook-like discussion system ready to serve its first users.

TIME-SAVING EDUCATION

You will get everything you need, but you won't get overwhelmed by a myriad of things you don't.

7a393bf4

BECOME A FULL-STACK WEB DEVELOPER

Anyone can code and I will make you a full-stack web developer in just about 12 hours. You will learn about frontend and backend web development and I will explain in detail every single web technology and language you will need to build your final project.

d2977a77

LEARN WHAT, UNDERSTAND WHY

I want you to truly dive deep and understand what's going on behind the scenes. I don't want you to blindly follow me as I type the code. That's why I focused on creating analogies and real-life examples to help you better grasp the specific topics.

ca01af04

3e40da00

9d95176b

CREATE YOUR OWN FACEBOOK-LIKE DISCUSSION PLATFORM

At the end of this course, you will have your own discussion platform with groups and private messages. Something like a very simplified Facebook. We will create it together from scratch and you will learn along the way how to:

  • set up local development environment with web server and database
  • create a sign-up form with email verification
  • validate forms with Javascript
  • use cookies to store user information
  • save and read messages stored in database
  • create, edit and delete posts

ec444df6

8deeb0c5

ANYONE CAN CODE

Anyone can become a web developer. You don’t need any special talent, just a motivation.

In this course, you will learn all you need to know to build your own web application. Together we will build a discussion platform with private messaging and groups.

Along the way, you will learn a lot:

  • frontend and backend web technologies,

  • how to use different development environments,

  • how to use regular expressions,

  • how to use Git & GitHub,

  • how to deploy your project to a virtual private server and much more.

We will start with the basics and once you have the necessary knowledge, I will take you to an amazing journey where we will build together a real web application.

You will learn:

  • how to create the sign-up and sign-in forms,

  • how to send a verification email,

  • how to create rules for a secure password,

  • how to send a message to another user,

  • how to create a group and change its name

  • how to send a post to the group

  • how to edit and delete posts and groups

We will create three modules in our web application:

  • Settings module for changing nickname and password

  • Messaging module for sending private messages between users,

  • Groups module for creating discussion groups similar to what you know from Facebook and other bulletin boards.

Finally, I will show you how to deploy your final project to the Internet so you can show it to your potential clients or employers.

By the end of this course, you will be a complete full-stack web developer ready to kick-start your career.

QUALITY OVER QUANTITY

Every good editor knows that he should cut at least 80% of the content because only 20% is actually relevant and meaningful.

I applied a similar rule with this course. I cut or shortened everything that I considered irrelevant and useless.

I value your time and I didn't want to bore you with hours of obvious, useless, or irrelevant information.

That's why only 12 hours of the 60 hour-long material made it to the final version of this course.

This course is those  20 % which delivers truly meaningful content.

I gladly left the rest 48 hours behind because they didn't add more value, they would only make this course unreasonably bloated.

TECHNOLOGIES WE WILL COVER

Over 158 lectures you will understand and be able to use these technologies:

  • HTML

  • CSS

  • Javascript

  • Responsive design

  • Bootstrap

  • Regular expressions

  • Docker

  • Vagrant

  • XAMPP

  • PHP

  • MySQL

  • phpMyAdmin

  • Git & GitHub

  • Terminal

  • Digital Ocean