This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
ვებ-დეველოპმენტის სრულყოფილი კურსი 19 ლ
01 Front-End Web Development
001 How Does the Internet Actually Work (5:43)
002 How Do Websites Actually Work (6:32)
003 12-Rules-to-Learn-to-Code-1
004 What Youll Need to Get Started - Setup Your Local Web Development Environment (5:43)
02 Introduction to HTML
005 Introduction to HTML (10:53)
006 The Giant List of Resources
007 The Anatomy of an HTML Tag (11:00)
008 What were building - HTML Personal Site (2:53)
009 What is The HTML Boilerplate (16:47)
010 How to Structure Text in HTML (11:00)
011 HTML Lists (5:24)
012 HTML Image Elements (7:11)
013 HTML Links and Anchor Tags (14:12)
03 Intermediate HTML
014 Join the Student Community
015 HTML Tables (12:03)
016 Using HTML Tables for Layout (2:16)
017 HTML Tables Code Challenge (1:44)
018 HTML Tables Solution Walkthrough (6:44)
019 HTML Forms (9:17)
020 Forms in Practice - Create a Contact Me Form (7:29)
021 Publish Your Website (6:48)
022 Get Monthly Tips and Tools to Level Up as a Developer
04 Introduction to CSS
023 Introduction to CSS (3:04)
024 Inline CSS (10:02)
025 Internal CSS (20:21)
026 External CSS (8:29)
027 How to Debug CSS Code (13:37)
028 The Anatomy of CSS Syntax (13:08)
029 CSS Selectors (6:23)
030 Classes vs. Ids (11:44)
05 Intermediate CSS
031 What Well Make - Stylised Personal Site (4:57)
032 What Are Favicons (3:47)
033 HTML Divs (13:33)
034 The Box Model of Website Styling (19:25)
035 CSS Display Property (15:11)
036 CSS Static and Relative Positioning (14:36)
037 Absolute positioning (12:11)
038 The Dark Art of Centering Elements with CSS (9:03)
039 Font Styling in Our Personal Site (13:59)
040 Adding Content to Our Website (6:52)
041 CSS Sizing (15:41)
042 Font Properties Challenge 1 - Change the Font Colour
043 Font Properties Challenge 2 - Change the Font Weight
044 Font Properties Challenge 3 - Change the Line Height
045 CSS Font Property Challenge Solutions (3:56)
046 CSS Float and Clear (15:13)
047 CSS Challenge
048 Stylised Personal Site Solution Walkthrough (21:21)
06 Introduction to Bootstrap 4
049 What is Bootstrap (14:36)
052 The Bootstrap Navigation Bar (20:40)
050 Installing Bootstrap (7:55)
051 Web Design 101 - Wireframing (11:38)
053 What Well Make TinDog (0:56)
054 Download the Starting Files
055 Setting Up Our New Project (7:41)
056 Bootstrap Grid Layout System (20:17)
057 Adding Grid Layouts to Our Website (9:39)
058 Bootstrap Containers (5:54)
060 Styling Our Website Challenges and Solutions (20:20)
062 Solution to Bootstrap Challenge 1 (17:01)
061 Bootstrap Challenge 1
059 Bootstrap Buttons Font Awesome (11:30)
07 Intermediate Bootstrap
063 The Bootstrap Carousel Part 1 (9:39)
064 The Bootstrap Carousel Part 2 (17:20)
065 Bootstrap Cards (16:31)
066 The CSS Z-Index and Stacking Order (21:28)
067 Media Query Breakpoints (22:03)
068 Bootstrap Challenge 2
069 Bootstrap Challenge 2 Solution (20:42)
070 How to become a Better Programmer - Code Refactoring (7:48)
071 Put it into Practice - Refactor our Website Part 1 (19:20)
072 Advanced CSS - Combining Selectors (11:43)
073 Refactoring our Website Part 2 (2:13)
074 Advanced CSS - Selector Priority (5:51)
075 Completing the Website (2:34)
076 Download the Completed Website
08 Introduction to Javascript ES6
077 Introduction to Javascript (11:49)
078 Javascript Alerts - Adding Behaviour to Websites (14:20)
079 Data Types (4:06)
080 Javascript Variables (9:35)
081 Naming and Naming Conventions for Javascript Variables (7:09)
082 String Concatenation (3:07)
083 String Lengths and Retrieving the Number of Characters (6:24)
084 Slicing and Extracting Parts of a String (8:56)
085 Challenge Changing Casing in Text (3:39)
086 Challenge Changing String Casing Solution (8:59)
087 Basic Arithmetic and the Modulo Operator in Javascript (6:14)
089 Functions Part 1 Creating and Calling Functions (10:35)
088 Increment and Decrement Expressions (2:28)
090 Functions Part 1 Challenge - The Karel Robot (9:08)
091 The Karel Chess Board Solution
092 A Quick Note About the Next Lesson
093 Functions Part 2 Parameters and Arguments (9:52)
094 Functions Part 3 Outputs Return Values (11:16)
095 Challenge Create a BMI Calculator (1:49)
096 Challenge BMI Calculator Solution (5:39)
09 Intermediate Javascript
097 Random Number Generation in Javascript Building a Love Calculator (11:15)
098 Control Statements Using If-Else Conditionals Logic (4:48)
099 Comparators and Equality (2:51)
100 Combining Comparators (2:46)
101 Collections Working with Javascript Arrays (9:01)
102 Adding Elements and Intermediate Array Techniques (15:58)
103 Control Statements While Loops (7:52)
104 Solution to the 99 Bottles Challenge
105 Control Statements For Loops (6:10)
10 The Document Object Model (DOM)
106 Adding Javascript to Websites (10:44)
107 Introduction to the Document Object Model (DOM) (12:28)
108 Solution to the DOM Challenge
109 Selecting HTML Elements with Javascript (14:17)
110 Manipulating and Changing Styles of HTML Elements with Javascript (5:01)
111 The Separation of Concerns Structure vs Style vs Behaviour (5:57)
113 Manipulating HTML Element Attributes (2:27)
112 Text Manipulation and the Text Content Property (2:37)
11 Boss Level Challenge 1 - The Dicee Game
114 Challenge The Dicee Challenge (2:14)
115 Dicee Challenge Step 0 - Download the Skeleton Project
116 Dicee Challenge Step 1 - Create an External Javascript File
117 Dicee Challenge Step 2 - Add Dice Images
118 Dicee Challenge Step 3 - Create a Random Number
119 Dicee Challenge Step 4 - Change the img to a Random Dice
120 Dicee Challenge Step 5 - Change both img Elements
121 Dicee Challenge Step 6 - Change the Title to Display a Winner
122 The Solution to the Dicee Challenge (14:43)
123 Download the Completed Website
12 Advanced Javascript and DOM Manipulation
124 What Well Make Drum Kit (1:19)
125 Download the Starting Files
126 Adding Event Listeners to a Button (14:29)
127 Higher Order Functions and Passing Functions as Arguments (12:40)
128 Higher Order Function Challenge Solution
129 How to Play Sounds on a Website (11:11)
130 A Deeper Understanding of Javascript Objects (12:04)
131 Objects their Methods and the Dot Notation (6:29)
132 How to Use Switch Statements in Javascript (5:22)
133 Using Keyboard Event Listeners to Check for Key Presses (7:37)
134 Understanding Callbacks and How to Respond to Events (11:35)
135 Adding Animation to Websites (8:31)
136 Download the Completed Website
13 jQuery
137 What is jQuery (3:44)
138 How to Incorporate jQuery into Websites (9:08)
139 How Minification Works to Reduce File Size (3:58)
140 Selecting Elements with jQuery (2:01)
141 Manipulating Styles with jQuery (5:13)
142 Manipulating Text with jQuery (3:36)
143 Manipulating Attributes with jQuery (3:44)
144 Adding Event Listeners with jQuery (7:47)
145 Adding and Removing Elements with jQuery (2:58)
146 Website Animations with jQuery (8:13)
14 The Unix Command Line
147 Command Line Hyper Setup (5:04)
148 Understanding the Command Line. Long Live the Command Line (6:53)
149 Command Line Techniques and Directory Navigation (12:52)
150 A Quick Note About the Next Lesson
151 Creating Opening and Removing Files through the Command Line (10:40)
15 Backend Web Development
152 Backend Web Development Explained (8:02)
16 Node.js
153 What is Node.js (5:40)
154 Install Node.js on Mac
155 Install Node.js on Windows
156 The Power of the Command Line and How to Use Node (6:27)
157 The Node REPL (Read Evaluation Print Loops) (2:39)
158 How to Use the Native Node Modules (8:19)
159 The NPM Package Manager and Installing External Node Modules (13:44)
17 Express.js with Node.js
160 What is Express (3:24)
161 Creating Our First Server with Express (11:29)
162 Handling Requests and Responses the GET Request (8:12)
163 Understanding and Working with Routes (9:23)
164 What Well Make A Calculator (1:52)
165 Calculator Setup Challenge
166 Calculator Setup Challenge Solution (5:43)
167 Responding to Requests with HTML Files (7:40)
168 Processing Post Requests with Body Parser (14:19)
169 BMI Routing Challenge
170 Solution to the BMI Routing Challenge (6:29)
18 Git Github and Version Control
171 Introduction to Version Control and Git (2:35)
173 GitHub and Remote Repositories (11:00)
172 Version Control Using Git and the Command Line (15:02)
174 Gitignore (12:02)
175 Cloning (5:05)
176 Branching and Merging (17:25)
177 Forking and Pull Requests (17:08)
178 Optional Git Challenge
19 APIs - Application Programming Interfaces
171 Introduction to Version Control and Git (2:35)
172 Version Control Using Git and the Command Line (15:02)
173 GitHub and Remote Repositories (11:00)
174 Gitignore (12:02)
175 Cloning (5:05)
176 Branching and Merging (17:25)
177 Forking and Pull Requests (17:08)
178 Optional Git Challenge
20 EJS
188 Download the Starting Files
189 What Well Make A ToDoList (0:45)
190 Linter Errors with EJS
191 Templates Why Do We Need Templates (15:10)
192 Creating Your First EJS Templates (17:53)
193 Running Code Inside the EJS Template (6:33)
194 Passing Data from Your Webpage to Your Server (25:05)
195 The Concept of Scope in the Context of Javascript (8:40)
196 Adding Pre-Made CSS Stylesheets to Your Website (16:14)
197 Understanding Templating vs. Layouts (13:35)
198 Understanding Node Module Exports How to Pass Functions and Data between Files (21:45)
21 Boss Level Challenge 2 - Blog Website
199 A New Challenge Format and What Well Make A Blog (6:18)
200 Setting Up the Blog Project (7:06)
201 Challenge 1 (4:04)
202 Challenge 1 Solution (2:37)
203 Challenge 2 (4:07)
204 Challenge 2 Solution (2:09)
205 Challenge 3 (2:37)
206 Challenge 3 Solution (2:31)
207 Challenge 4 (2:05)
208 Challenge 4 Solution (1:52)
209 Challenge 5 (2:47)
210 Challenge 5 Solution (4:16)
211 Challenge 6 (1:24)
212 Challenge 6 Solution (1:15)
213 Challenge 7 (0:59)
214 Challenge 7 Solution (1:54)
215 Challenge 8 (3:26)
216 Challenge 8 Solution (3:36)
217 Challenge 9 (4:42)
218 Challenge 9 Solution (6:33)
219 Challenge 10 (2:24)
220 Challenge 10 Solution (3:13)
221 Challenge 11 (3:21)
223 Challenge 12 (1:55)
222 Challenge 11 Solution (3:00)
224 Challenge 12 Solution (2:34)
225 Challenge 13 (2:46)
226 Challenge 13 Solution (3:37)
227 Challenge 14 and Solution (6:28)
228 Challenge 15 (1:41)
229 Challenge 15 Solution (3:14)
230 Express Routing Parameters (6:38)
232 Challenge 16 Solution (2:32)
231 Challenge 16 (1:55)
233 Challenge 17 (3:54)
234 Challenge 17 Solution (5:30)
235 Challenge 18 (6:04)
236 Challenge 18 Solution (4:19)
237 Challenge 19 (2:57)
239 Challenge 20 (2:58)
238 Challenge 19 Solution (4:54)
240 Challenge 20 Solution (3:18)
241 Challenge 21 (2:15)
242 Challenge 21 Solution (3:44)
23 SQL
244 SQL Commands CREATE Table and INSERT Data (13:48)
245 SQL Commands READ SELECT and WHERE (3:10)
246 Updating Single Values and Adding Columns in SQL (4:42)
247 SQL Commands DELETE (1:32)
248 Understanding SQL Relationships Foreign Keys and Inner Joins (11:13)
24 MongoDB
249 Installing MongoDB on Mac (12:34)
250 Installing MongoDB on Windows (9:20)
251 MongoDB CRUD Operations in the Shell Create (9:37)
252 MongoDB CRUD Operations in the Shell Reading Queries (6:22)
253 MongoDB CRUD Operations in the Shell Update (4:07)
254 MongoDB CRUD Operations in the Shell Delete (1:45)
255 Relationships in MongoDB (6:12)
256 Working with The Native MongoDB Driver (19:03)
257 If You Have Forgotten to Quit the Mongod Server
25 Mongoose
258 Introduction to Mongoose (20:26)
259 Reading from Your Database with Mongoose (7:28)
260 Data Validation with Moongoose (7:55)
261 Updating and Deleting Data Using Mongoose (10:06)
262 Establishing Relationships and Embedding Documents using Mongoose (6:45)
26 Putting Everything Together
263 Lets take the ToDoList Project to the Next Level and Connect it with Mongoose (16:46)
264 Rendering Database Items in the ToDoList App (13:25)
265 Adding New Items to our ToDoList Database (3:56)
266 Deleting Items from our ToDoList Database (13:48)
267 Creating Custom Lists using Express Route Parameters (16:12)
268 Adding New Items to the Custom ToDo Lists (7:31)
269 Revisiting Lodash and Deleting Items from Custom ToDo Lists (19:10)
27 Deploying Your Web Application
270 How to Deploy Web Apps with a Database (5:02)
271 How to Setup MongoDB Atlas (13:41)
272 Deploying an App with a Database to Heroku (12:13)
28 Boss Level Challenge 3 - Blog Website Upgrade
273 Challenge Give your Blog a Database (2:31)
274 Step 0 - Download the Starting Files
275 Step 1 - Save Composed Posts with MongoDB
275 Blog-with-Database-Step1-Answer
276 Blog-with-Database-Step2-Answer
276 Step 2 - Get the Home Page to Render the Posts
277 Step 3 - Fix the bug
278 Step 4 - Render the correct blog post based on post _id
279 Completed Blog with Database Solution
29 Bonus Module Design School 101
281 Designer vs. Non-Designer Thinking (3:33)
282 Understanding the Mood of Your Colour Palette (6:02)
283 How to Combine Colours to Create Colour Palettes (4:08)
284 Tools for Designing with Colour (2:47)
285 Introduction to Typography (0:44)
286 The Serif Type Family - Origin and Use (4:40)
287 The Sans-Serif Type Family - Origin and Use (1:38)
288 How Typography Determines Readability (2:39)
289 How to Combine Fonts Like a Pro (6:00)
290 What is User Interface (UI) Design (0:42)
291 The Tour Guide Approach to UI Design (3:11)
292 The Importance of Alignment (2:50)
293 Colour in User Interface Design (2:16)
30 Next Steps
280 Vote for the Next Module
196 Adding Pre-Made CSS Stylesheets to Your Website
უკვე ფასიანი ნაწილია :)
შესაძენად მოგვწერე FB-გვერდზე.
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
