Добро пожаловать на самый полный курс JavaScript! Этот курс предлагает свежий взгляд на один из самых популярных языков программирования всех времен - JavaScript. В этом курсе я сначала расскажу вам об основах. Мы подробно рассмотрим все структуры данных JavaScript. Затем мы рассмотрим циклы, функции и DOM. В этом курсе более 100 примеров, и все эти примеры были созданы с учетом стратегии, чтобы вы могли извлечь из этого курса максимальную пользу.
В этом курсе 50 реальных проектов. Проекты начнутся с уровня новичка и перейдут на уровень эксперта. Первые 27 проектов охватывают уровни от начального до среднего, и мы создадим потрясающие приложения.
Вторая часть этого курса больше посвящена продвинутой части JavaScript. Во-первых, мы рассмотрим регулярные выражения и расширенные структуры данных JavaScript. Затем мы подробно и исчерпывающе рассмотрим, как работает JavaScript. Я научу вас Scope, Hoisting и Closure. Я также научу вас объектно-ориентированному программированию (ООП) и асинхронному программированию.
На данный момент курс у нас будет 2 проекта для регулярных выражений. После этого мы собираемся создать 1 большое приложение, используя парадигму ООП.
Затем у нас будет 8 проектов для асинхронного программирования для Fetch API и Async Await + 1 проект для Web Speech API.
Третья часть этого курса посвящена разработке игр и искусственного интеллекта с помощью JavaScript. Я ознакомлю вас с элементом HTML5 Canvas, а также буду использовать парадигму ООП.
Сначала мы создадим 4 проекта, от начального до среднего, чтобы освоить обнаружение столкновений + ООП в разработке игр.
Потом мы создадим 7 игр и запрограммируем 3 полных алгоритма искусственного интеллекта в этих 7 проектах.
Итак, без лишних слов, давайте погрузимся в этот курс и раз и навсегда освоим JavaScript.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Printing Each Individual Key Clicked to the TextArea
Урок 74.
00:14:31
Project Introduction + HTML-CSS Preview
Урок 75.
00:13:10
Creating a Dynamic Element in JavaScript
Урок 76.
00:08:49
Project Introduction + HTML-CSS Review
Урок 77.
00:06:53
Implementing the Vertical & Horizontal Positioning
Урок 78.
00:11:04
Implementing the Size & Shape Manipulation
Урок 79.
00:10:14
Implementing the Background Color Manipulation
Урок 80.
00:02:54
Project Introduction + HTML-CSS Review
Урок 81.
00:09:50
Drawing Lines and Circles on the Canvas Part -1
Урок 82.
00:10:07
Drawing Lines and Circles on the Canvas Part -2
Урок 83.
00:13:17
Drawing Lines and Circles on the Canvas Part -3
Урок 84.
00:08:31
Making the Toolbar Functional Part -1
Урок 85.
00:07:16
Making the Toolbar Functional Part -2
Урок 86.
00:05:40
Project Introduction + HTML-CSS Preview
Урок 87.
00:08:37
Creating a Note Playing Function Part -1
Урок 88.
00:09:33
Creating a Note Playing Function Part -2
Урок 89.
00:08:30
Implementing the Pressed Key Functionality Part -1
Урок 90.
00:09:53
Implementing the Pressed Key Functionality Part -2
Урок 91.
00:08:56
Project Introduction + HTML-CSS Review
Урок 92.
00:10:34
Implementing the Flip Card Functionality Part -1
Урок 93.
00:09:28
Implementing the Flip Card Functionality Part -2
Урок 94.
00:07:23
Implementing the Flip Card Functionality Part -3
Урок 95.
00:05:57
Refactoring The Code
Урок 96.
00:10:36
Implementing the LockBoard Functionality
Урок 97.
00:08:10
Resolving the Double Click Issue
Урок 98.
00:10:33
Shuffling the Deck of Cards
Урок 99.
00:03:54
Project Introduction + HTML-CSS Review
Урок 100.
00:09:35
Synchronizing Range & Number Inputs
Урок 101.
00:12:43
Creating the Form Submission Event Listener
Урок 102.
00:09:47
Creating Character Codes
Урок 103.
00:09:55
Creating the generatePassword Function
Урок 104.
00:15:36
Creating a Random Password
Урок 105.
00:09:08
Project Introduction
Урок 106.
00:06:02
HTML-CSS Review
Урок 107.
00:10:12
Creating an addToDo Function Part -1
Урок 108.
00:10:29
Creating an addToDo Function Part -2 - Creating a Dynamic Element
Урок 109.
00:06:27
Creating an addToDo Function Part -3 - Inserting the Dynamic Element
Урок 110.
00:13:29
Creating Event Listeners for the Enter Key & Plus Icon
Урок 111.
00:07:51
Targeting the Dynamically Created To Do Items
Урок 112.
00:14:38
Removing a Bug from the UL Event Listener
Урок 113.
00:11:10
Creating the completeToDo and removeToDo Functions
Урок 114.
00:27:42
Implementing the Entire Local Storage Functionality
Урок 115.
00:04:11
Project Introduction + HTML-CSS Review
Урок 116.
00:10:57
Implementing the Reading Functionality
Урок 117.
00:09:20
Implementing the Pausing Functionality
Урок 118.
00:12:44
Implementing the Stopping and Speeding Functionalities
Урок 119.
00:06:10
Project Introduction + HTML-CSS Review
Урок 120.
00:10:07
Creating the dragstart and dragend Event Listeners
Урок 121.
00:09:25
Creating the dragover and dragenter Event Listeners
Урок 122.
00:04:14
Creating the dragleave and drop Event Listeners
Урок 123.
00:05:37
Project Introduction
Урок 124.
00:09:38
HTML-CSS Review
Урок 125.
00:10:30
Creating the Questions
Урок 126.
00:12:03
Creating the renderQuestion Function
Урок 127.
00:11:11
Creating the renderProgress Function
Урок 128.
00:14:23
Creating the renderCounter Function
Урок 129.
00:10:17
Targeting the User Clicked Answer
Урок 130.
00:08:31
Creating the answerIsCorrect & answerIsIncorrect Functions
Урок 131.
00:14:12
Creating the nextQuestion Function & the ScoreContainer
Урок 132.
00:10:56
Project Introduction
Урок 133.
00:09:49
HTML-CSS Review
Урок 134.
00:14:51
Creating Variables & Storing HTML Elements
Урок 135.
00:13:30
Hiding-Showing Budget Dashboard Tabs
Урок 136.
00:17:07
Creating addExpense & addIncome Event Listeners Part -1
Урок 137.
00:09:49
Creating addExpense & addIncome Event Listeners Part -2
Урок 138.
00:14:53
Creating the updateUI & clearInput Functions
Урок 139.
00:09:22
Updating the UI with the User Input
Урок 140.
00:11:31
Creating the clearElement & showEntry Functions
Урок 141.
00:12:09
Calling the showEntry Function
Урок 142.
00:11:43
Creating the Chart Part -1
Урок 143.
00:11:37
Creating the Chart Part -2
Урок 144.
00:09:03
Storing Entries in the Local Storage + Fetching
Урок 145.
00:14:18
Implementing the Entry Delete and Edit Functionalities Part -1
Урок 146.
00:19:20
Implementing the Entry Delete and Edit Functionalities Part -2
Урок 147.
00:04:51
Project Introduction + HTML-CSS Review
Урок 148.
00:08:33
Implementing the Functionality Part -1
Урок 149.
00:23:20
Implementing the Functionality Part -2
Урок 150.
00:05:32
Project Introduction + HTML-CSS Review
Урок 151.
00:11:14
Creating the mouseDown, mouseUp and mouseLeave Events
Урок 152.
00:16:44
Scrolling the Gallery on mouseMove
Урок 153.
00:04:07
Project Introduction + HTML-CSS Review
Урок 154.
00:11:52
Making the Speed Controller Functional
Урок 155.
00:05:08
Project Introduction + HTML-CSS Review
Урок 156.
00:08:22
Making the Gallery Clickable
Урок 157.
00:11:35
Pattern Matching Part -1
Урок 158.
00:12:45
Pattern Matching Part -2
Урок 159.
00:11:56
Pattern Matching Part -3
Урок 160.
00:08:46
Pattern Matching Part -4
Урок 161.
00:07:46
Pattern Matching Part -5
Урок 162.
00:09:07
Pattern Matching Part -6
Урок 163.
00:14:27
Pattern Matching Part -7
Урок 164.
00:10:00
Case 1 - Restricting Username
Урок 165.
00:09:21
Case 2 - Password Strength
Урок 166.
00:10:20
Capture Groups
Урок 167.
00:05:02
The Replace Method
Урок 168.
00:15:53
Arrow Functions
Урок 169.
00:06:42
Array Sort Method
Урок 170.
00:02:54
Array forEach Method
Урок 171.
00:02:18
Array Map Method
Урок 172.
00:03:30
Array Reduce Method
Урок 173.
00:03:27
Array Filter Method
Урок 174.
00:02:33
Array Find Method
Урок 175.
00:02:02
Object Keys Method
Урок 176.
00:01:50
Object Values Method
Урок 177.
00:02:18
Object Entries Method
Урок 178.
00:18:07
Lexical Scope & Compilation
Урок 179.
00:11:32
Lexical Scope & Code Execution
Урок 180.
00:20:36
Dynamic Global Variable & the Strict Mode
Урок 181.
00:08:14
Nested Scope
Урок 182.
00:07:36
Difference Between Function Expressions & Function Declarations
Урок 183.
00:04:59
Lexical Scope Review
Урок 184.
00:11:23
Function Scope & The IIFE Pattern
Урок 185.
00:10:23
Block Scoping
Урок 186.
00:11:38
Variable Hoisting
Урок 187.
00:19:59
Function Hoisting
Урок 188.
00:35:35
Temporal Dead Zone
Урок 189.
00:07:10
Closure
Урок 190.
00:12:42
Closing Over Variables
Урок 191.
00:12:25
Introduction to The this Keyword
Урок 192.
00:12:49
Implicit & Explicit Binding
Урок 193.
00:04:05
The new Keyword
Урок 194.
00:09:32
Default Binding
Урок 195.
00:04:28
Arrow Functions & Lexical this
Урок 196.
00:04:30
Resolving The this Keyword in Arrow Functions
Урок 197.
00:10:28
ES6 class Keyword
Урок 198.
00:14:40
The extends and super Clauses
Урок 199.
00:12:05
Prototypes & Prototypal Class
Урок 200.
00:18:45
The Prototype Chain
Урок 201.
00:08:10
Dunder Proto
Урок 202.
00:16:45
Prototypal Inheritance
Урок 203.
00:12:02
Introduction to Asynchronous Programming
Урок 204.
00:11:53
The Call Stack In The Browser
Урок 205.
00:22:51
Web APIs
Урок 206.
00:06:15
Ajax
Урок 207.
00:12:05
Getting Data From a Text File
Урок 208.
00:20:56
Getting Local JSON Data
Урок 209.
00:10:54
Getting JSON Data From a URL
Урок 210.
00:18:50
Callback Functions
Урок 211.
00:14:44
Callback Hell
Урок 212.
00:10:07
Promises Introduction
Урок 213.
00:17:55
Cleaning up our Code with Promises
Урок 214.
00:13:11
The Fetch API
Урок 215.
00:12:31
Async Await
Урок 216.
00:10:10
Error Handling
Урок 217.
00:07:29
Project Introduction + HTML-CSS Review
Урок 218.
00:13:53
Implementing The Validation Functionality
Урок 219.
00:10:10
Project Introduction + HTML-CSS Review
Урок 220.
00:11:21
Creating The Password Input Event Listener
Урок 221.
00:08:52
Creating The Character Length Assessment
Урок 222.
00:10:50
Creating The Lowercase & Uppercase Character Assessments
Урок 223.
00:12:25
Creating The Character Type Assessment
Урок 224.
00:11:23
Creating The Special & Repeat Character Assessments
Урок 225.
00:06:40
Project Introduction
Урок 226.
00:09:37
HTML-CSS Review
Урок 227.
00:04:40
Creating The Superhero Entry & Superhero List Classes
Урок 228.
00:04:58
Creating The Form Submission Event Listener
Урок 229.
00:04:58
Instantiating the Superhero Entry & Superhero List Classes
Урок 230.
00:04:50
Creating the addSuperhero Function
Урок 231.
00:04:38
Creating the clearSuperheroInputs Function
Урок 232.
00:05:15
Form Inputs Validation Part -1
Урок 233.
00:04:50
Creating Validation Error & Success Messages - Form Inputs Validation Part -2
Урок 234.
00:10:18
Deleting Listed Superheros
Урок 235.
00:05:01
Getting Superheroes From the Local Storage
Урок 236.
00:05:35
Adding Superheroes to Local Storage
Урок 237.
00:08:32
Displaying Superheroes From the Local Storage
Урок 238.
00:10:59
Finding the Clicked Superhero
Урок 239.
00:08:58
Creating the removeSuperhero Function
Урок 240.
00:05:08
Project Introduction
Урок 241.
00:02:32
HTML-CSS Review
Урок 242.
00:16:07
Getting Random Animal Images
Урок 243.
00:03:32
Project Introduction
Урок 244.
00:02:08
HTML-CSS Review
Урок 245.
00:09:35
Fetching the City-State JSON Data
Урок 246.
00:13:16
Finding the Matched Words
Урок 247.
00:16:43
Displaying Matches to The Screen
Урок 248.
00:01:28
Project Introduction
Урок 249.
00:02:51
HTML-CSS Review
Урок 250.
00:10:40
Fetching Jokes
Урок 251.
00:01:41
Project Introduction
Урок 252.
00:02:23
HTML-CSS Review
Урок 253.
00:12:36
Fetching Number Facts
Урок 254.
00:01:52
Project Introduction
Урок 255.
00:07:15
HTML-CSS Review
Урок 256.
00:13:22
Going Over The Currency Conversion Concepts
Урок 257.
00:10:51
Getting The Exchange Rate
Урок 258.
00:08:08
Converting The Currency
Урок 259.
00:12:00
Making The UI Functional
Урок 260.
00:09:08
Simulating Errors
Урок 261.
00:01:39
Project Introduction
Урок 262.
00:04:26
HTML-CSS Review
Урок 263.
00:04:52
Getting Set Up
Урок 264.
00:18:58
Fetching News
Урок 265.
00:03:20
Project Introduction
Урок 266.
00:06:12
HTML-CSS Review
Урок 267.
00:02:39
Getting Set Up
Урок 268.
00:14:46
Fetching Weather
Урок 269.
00:03:13
Project Introduction
Урок 270.
00:05:36
HTML-CSS Review
Урок 271.
00:08:21
Getting Set Up
Урок 272.
00:10:34
Fetching Recipes
Урок 273.
00:11:14
Displaying Recipes
Урок 274.
00:03:59
Project Introduction
Урок 275.
00:03:02
HTML-CSS Review
Урок 276.
00:14:56
Transcribing The Speech
Урок 277.
00:14:57
Introduction to HTML5 Canvas
Урок 278.
00:11:21
Drawing Shapes Randomly Part 1 - Rectangles and Squares
Урок 279.
00:14:54
Drawing Lines - Arcs - Circles
Урок 280.
00:08:46
Drawing Shapes Randomly Part 2 - Lines, Arcs and Circles
Урок 281.
00:01:22
Project Introduction
Урок 282.
00:14:50
The Game Loop Introduction
Урок 283.
00:07:16
Setting Up The Stars and The Velocity Sign
Урок 284.
00:13:04
Creating The Vertical Velocity and Randomizing The Speed, Size and Location
Урок 285.
00:13:58
Drawing The Stars
Урок 286.
00:17:44
Repositioning The Stars When They Move Off The Screen
Урок 287.
00:03:33
Project Introduction
Урок 288.
00:01:40
HTML-CSS Review
Урок 289.
00:08:53
Creating The Game Loop
Урок 290.
00:14:35
Capturing The Arrow Keys Events
Урок 291.
00:15:23
Collision Detection Part -1
Урок 292.
00:12:09
Collision Detection Part -2
Урок 293.
00:01:37
Project Introduction
Урок 294.
00:00:53
HTML-CSS Review
Урок 295.
00:10:54
Creating The Velocities
Урок 296.
00:07:16
Creating The Game Loop
Урок 297.
00:11:11
Collision Detection
Урок 298.
00:02:49
Project Introduction
Урок 299.
00:01:51
HTML-CSS Review
Урок 300.
00:13:30
Creating The Constructor
Урок 301.
00:12:03
Creating The Balls
Урок 302.
00:18:22
Implementing The Mouse Move Effect
Урок 303.
00:08:46
Project Introduction
Урок 304.
00:01:07
HTML-CSS Review
Урок 305.
00:09:21
Drawing The Game Elements
Урок 306.
00:09:38
Creating Properties For The Game Elements
Урок 307.
00:14:35
Creating The Game Loop
Урок 308.
00:20:50
Creating The Everything Manager Function
Урок 309.
00:26:41
Detecting The Paddle Collision
Урок 310.
00:10:36
Resetting The Ball At The Center
Урок 311.
00:07:17
Fixing a Bug In The AI Paddle Angle
Урок 312.
00:06:35
Project Introduction
Урок 313.
00:00:39
HTML-CSS Review
Урок 314.
00:19:42
Setting The Dimensions
Урок 315.
00:28:38
Creating The Cell Class
Урок 316.
00:22:18
Implementing The Highlighting Functionality
Урок 317.
00:16:23
Drawing The Text on The Screen
Урок 318.
00:22:21
Checking For a Win
Урок 319.
00:38:42
Creating The AI Algorithm
Урок 320.
00:02:25
Fixing a Responsiveness Bug
Урок 321.
00:17:50
Project Introduction
Урок 322.
00:21:36
Setting Up The Game
Урок 323.
00:14:41
Drawing The Walls and The Paddle
Урок 324.
00:17:38
Moving The Paddle
Урок 325.
00:29:34
Drawing, Moving and Bouncing The Ball
Урок 326.
00:38:31
Implementing The Touch Functionality
Урок 327.
00:03:39
Fixing a Responsiveness Bug
Урок 328.
00:25:22
Creating The Bricks
Урок 329.
00:29:21
Breaking The Bricks
Урок 330.
00:33:42
Handling Score and Lives
Урок 331.
00:29:25
Handling The GameOver and Speed Increment
Урок 332.
00:06:45
Implementing The Audio Effects
Урок 333.
00:27:15
Implementing The PowerUps Part -1
Урок 334.
00:31:47
Implementing The PowerUps Part -2
Урок 335.
00:07:48
Project Introduction
Урок 336.
00:20:37
Setting Up The Game, Canvas and Context
Урок 337.
00:30:50
Highlighting The Sides Part -1
Урок 338.
00:13:31
Highlighting The Sides Part -2
Урок 339.
00:25:19
Selecting The Highlighted Side
Урок 340.
00:20:24
Filling The Owned Boxes
Урок 341.
00:08:32
Drawing The Players and The Scores
Урок 342.
00:10:50
Handling Game Over
Урок 343.
00:03:09
Project Introduction
Урок 344.
00:22:34
Coding an AI Part 1 - Setting Up The AI Selection Options
Урок 345.
00:14:10
Coding an AI Part 2 - Getting The Squares Coordinates
Урок 346.
00:26:16
Coding an AI Part 3 - Getting The Neighboring Squares Coordinates
Урок 347.
00:04:14
Project Introduction
Урок 348.
00:17:41
Setting Up The Game and Game Loop + Moving The Snake
Урок 349.
00:12:10
Snack Collision Detection and Drawing The Snake Body
Урок 350.
00:16:03
Drawing Score and Handling Game Over
Урок 351.
00:02:07
Project Introduction
Урок 352.
00:03:17
HTML-CSS Review
Урок 353.
00:10:25
Drawing The Board
Урок 354.
00:17:05
Determining The Winner
Урок 355.
00:00:38
Congratulations
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
It would be good if every course would have an author field. For example, I like that author's approach and I would like to search for other materials created by him.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
JavaScript – это самый популярный язык программирования, без знания которого не обойтись в web-разработке и который можно использовать для решения иных задач. Сегодня JavaScript, кроме добавления динамического поведения HTML страницам, применяется в разработке серверных приложений, игровых и мобильных приложений, а также для создания сценариев для автоматизации тестирования и многого другого. Изучение JavaScript — это хорошее вложение
Все, что связано с производительностью JavaScript. Критический путь рендеринга в браузере, решение проблемы сбоя макета с помощью debounce и многое другое...
Как только вы станете опытным разработчиком JavaScript, пора начать погружаться в продвинутую экосистему JavaScript. Этот курс охватывает множество сложных тем, включая безопасность, тестирование, передовые методы программирования и расширенные функции JavaScript. Я все еще планирую этот курс, поэтому я еще не доработал весь контент, но вы можете быть уверены, что он будет так же насыщен информацией, как и курс для начинающих.
Это чисто проектный курс. Он ориентирован на новичков, но разработчики среднего уровня также могут получать удовольствие от создания новых вещей. Этот курс включает 50 мини-проектов в HTML, CSS и JavaScript, которые относятся к DOM (объектной модели документа). Вот список того, что мы создадим в этом курсе:
Веб-проекты JavaScript: 20 проектов для создания вашего портфолио
JavaScript Web Projects: 20 Projects to Build Your Portfolio
Используйте современные HTML5, CSS3 и JavaScript для создания адаптивных и мобильных проектов для портфолио вашей мечты! Этот курс сфокусирован на эффективности и найме на работу, создав портфолио вашей мечты, чтобы вы могли получить работу или работать в качестве фрилансера.