Full Stack Web Development for beginners ( 100+ Challenges )

Gancho Radkov, Lead Developer @ Radkov Academy

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
120 Lessons (15h 18m)
    • 1. Course Promo

      0:37
    • 2. Course Overview

      1:23
    • 3. Environment Set Up - Windows

      1:53
    • 4. My first web page

      2:15
    • 5. HTML 5 Overview

      0:35
    • 6. HTML Structure of a web page

      4:31
    • 7. Headings

      3:22
    • 8. Paragraphs

      2:52
    • 9. Text Formatting

      3:40
    • 10. Links

      4:20
    • 11. Comments

      7:25
    • 12. Images

      6:20
    • 13. Tables

      3:53
    • 14. Ordered Lists

      4:35
    • 15. Unordered Lists

      1:14
    • 16. Entities

      4:46
    • 17. Forms and Inputs

      12:52
    • 18. IFrames

      4:29
    • 19. HTML Project Part 1

      18:15
    • 20. HTML Project part 2

      6:37
    • 21. CSS Section Overview

      0:33
    • 22. Styling of HTML Element

      6:26
    • 23. Group styling by tag and class

      6:06
    • 24. Background color

      3:05
    • 25. Images as background

      6:57
    • 26. Borders

      5:35
    • 27. Margins

      7:30
    • 28. Padding

      3:39
    • 29. Absolute and relative units

      5:04
    • 30. Text Styling

      6:16
    • 31. Fonts

      2:29
    • 32. Positions

      5:22
    • 33. Overflow

      3:41
    • 34. Basic website layout

      10:40
    • 35. Responsive Design media queries

      6:14
    • 36. Responsive Design Relative values

      5:52
    • 37. Styling a Login page - part 1

      9:42
    • 38. Styling a Login page - part 2

      10:10
    • 39. Styling a Login page - part 3

      7:07
    • 40. JavaScript Section Overview

      0:31
    • 41. Displaying message on screen

      4:06
    • 42. The console

      6:55
    • 43. Selecting and modifying elements with JavaScript

      5:08
    • 44. Simple Functions

      5:54
    • 45. Practical JavaScript Example

      10:04
    • 46. Variables

      6:54
    • 47. Arrays

      9:54
    • 48. Conditions - part 1

      7:53
    • 49. Conditions - part 2

      5:38
    • 50. Practical Js example - Form Validation

      10:08
    • 51. For Loop

      7:25
    • 52. For Each Loop

      3:43
    • 53. While & Do While Loops

      6:30
    • 54. Booleans

      8:33
    • 55. Math

      5:57
    • 56. Function Parameters

      7:12
    • 57. Mini Project - Multiple forms - Set up

      9:49
    • 58. Mini Project - Multiple forms - JS

      15:56
    • 59. Tracking and Storing User Actions - part 1

      10:41
    • 60. Tracking and Storing User Actions - part 2

      13:56
    • 61. Tracking and Storing User Actions - part 3

      10:59
    • 62. Bootstrap Section Overview

      0:48
    • 63. Bootstrap's grid system

      5:41
    • 64. Navbars

      5:22
    • 65. Forms

      5:33
    • 66. Tables

      4:06
    • 67. Alerts

      5:21
    • 68. Buttons

      5:07
    • 69. Dropdowns

      5:49
    • 70. Collapsible

      3:29
    • 71. Image Slider ( carousel )

      6:51
    • 72. Modals

      7:25
    • 73. App Landing Page - part 1

      13:55
    • 74. App Landing Page - part 2

      12:09
    • 75. App landing page - part 3

      12:38
    • 76. App landing page - part 4

      15:35
    • 77. PHP overview

      0:40
    • 78. Installing XAMPP

      3:40
    • 79. Hello World

      5:50
    • 80. Variables

      2:07
    • 81. Arrays

      6:55
    • 82. Conditions

      5:13
    • 83. For and For Each Loops

      5:11
    • 84. While and Do while loops

      2:20
    • 85. Get Request

      4:53
    • 86. Post Request

      6:44
    • 87. Sessions

      5:39
    • 88. File Upload with PHP

      11:34
    • 89. PHP and HTML elements

      7:26
    • 90. Functions

      3:20
    • 91. Classes and Objects

      12:50
    • 92. Constructors & Getters/Setters

      10:07
    • 93. Weather Forcast App part 1

      13:59
    • 94. Weather Forecast App part 2

      10:28
    • 95. Weather Forecast App part 3

      14:03
    • 96. MySQL Section Overview

      0:36
    • 97. PHPMyAdmin overview

      5:21
    • 98. Creating and connecting to database

      5:31
    • 99. Creating Tables

      7:45
    • 100. Insert data

      4:01
    • 101. Update Data

      3:17
    • 102. Select data

      6:23
    • 103. Delete data

      4:21
    • 104. Joining Tables

      8:24
    • 105. Limit, Offset and Order by

      4:26
    • 106. Working with dates

      4:12
    • 107. Creating HTML Templates Index page

      19:57
    • 108. HTML Templates Modals

      6:27
    • 109. HTML Templates Image Details

      16:07
    • 110. HTML Templates Upload Form

      8:11
    • 111. MVC Structure

      8:34
    • 112. URL Parsing and MVC Routing

      21:40
    • 113. Rendering Views

      16:49
    • 114. Splitting HTML templates into reusable components

      17:17
    • 115. Connecting to DB, Models and Registrations

      40:38
    • 116. Log In / Log Out functionality

      18:29
    • 117. Creating Image Model and Inserting Online Files

      19:29
    • 118. Uploading Local files

      16:16
    • 119. Getting and Displaying Image Lists

      16:57
    • 120. Displaying Image Details

      12:10
11 students are watching this class

Project Description

Hello, now it's time to tackle some challenges!

Almost every lecture in this class contains a challenge to practice your newly learned skills.

You can upload the solutions to challenges and class projects so I can give you detailed feedback!

There are 95+ Challenges, 10+ Projects and a Master Project by the end of the course where you will put into practice everything learned in this course.

The first major project is in the HTML Section where we are going to build a web page with variaty of Elements in a topic of your choice!

Project videos are  #19 and #20.

---

CSS 3 project will test your abilities in styling of a login page!

Project videos are  #37,#38 and #39.

--

JavaScript Section brings multiple projects. 

Form Validation Project -  You will learn to respond to user actions, manipulate elements and more!

Project Video is #50.

Multiple Forms Project will teach you how to manipulate many parts of your web page using JavaScript.

Project Videos are #57 and #58.

Tracking and Storing User Actions will teach you how to work with your browser's local storage, how to add dynamically elements to the page and respond to user actions.

Project Videos are #59, #60 and #61.

--

Bootstrap section is all about productivity. By now you are familiar how websites are created and now it is time to speed up this process. You will learn build modern, feature-rich and responsive web pages in a matter of minutes.

App Landing Page Project will teach you how to build landing pages and combine multiple bootstrap components to get an amazing looking and responsive website in minutes.

Project Videos are #73, #74,#75 and #76.

--

The PHP Section will introduce you to backend languages and we will begin growing our website's functionality.

The Weather Forcast App Project will teach you how to request data from APIs, process it and display it to your users in modern and responsive layout. This will be the first project where we would have multi-page website.

Project Videos are #93, #94 and #95.

--

The Master Project of this course is Image Gallery. We are going to build a website where users are able to register, upload and manage images/files, comment, vote on existing images and much more! There is a catch though! We will start the project together and you will finish it yourself!

Sounds good?

Student Projects