Базовые понятия в JavaScript для новичков + практика

8 уроков
134 просмотров
2.6 ч.

Личные консультации

Card image cap
Проверка вашего стороннего проекта
1800 минут

1500 ₽

Card image cap
Частный урок по FrontEnd разработке
75 минут

1750 ₽

Card image cap
Видео-консультация на темы, связанные с FrontEnd разработкой
60 минут

1400 ₽


Программа курса: что вы изучите

1

Базовые знания

В этой секции мы будем осваивать базовые знания для дальнейшей работы
Цель курса и настройка рабочего пространства

00:08:53

Описание

В этом уроке мы разберемся зачем вообще смотреть этот курс и настроим редактор кода VSCode, в том числе и самый полезный плагин для работы с JavaScript - Jshint.

Ссылки для урока:

VSCode - https://code.visualstudio.com/ 

Файл настройки JSHint -  Скачать тут

Список плагинов тут

 

Что такое JavaScript и работа с переменными

00:16:58

Описание

В этом уроке мы поговорим о том, что вообще такое JS, как он используется и каковы его перспективы. Кроме этого начнем работать с кодом и поговорим о том, как сохранять информацию в переменных.

Учебник по JS: https://learn.javascript.ru/

Про переменные: https://learn.javascript.ru/variables

Правильная стилистика кода наглядно: тут

Типы данных и взаимодействие с пользователем

00:27:37

Описание

В этом уроке мы будем говорить о том, какие же типы информации (данных) используются в JavaScript. Кроме этого мы выучим простейшие команды для взаимодействия с пользователем на странице.

Табличка с типами данных: Тут

Документация по типа данных: https://developer.mozilla.org/ru/docs/Web/JavaScript/Data_structures

Приоритет операторов: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

Циклы

00:16:39

Описание

В этом уроке мы будем говорить об общем во всем программировании понятии - о циклах, о том, как они ускоряют и облегчают нашу работу.

Документация по циклам: циклы тут

Условия

00:10:28

Описание

В этом уроке мы будем говорить об еще одном важном понятии из программирования - об условиях и как они работают в программах.

Документация по условиям: условия

Функции

00:20:55

Описание

В этом уроке мы будем говорить о функциях. Как их использовать в JavaScript, какие особенности и почему они являются фундаментальными кирпичиками любой программы.

Документация по функциям: тут


2

Практика

В этой секции основной упор мы сделаем на практические навыки, которые вы сможете применять в дальнейшем
Работа с элементами на страницах и события

00:26:27

Описание

В этом уроке мы научимся получать любые элементы со страницы, изменять их по нашему желанию и работать с действиями пользователя: кликами, наведениями мыши и тд.

Материалы для работы: скачать

Полный список событий: тут

Сокращенный список: тут

Про назначение обработчиков: тут

Полноценная практика по написанию корзиины товаров

00:28:58

Описание

В этом уроке мы займемся практикой. Все, что мы учили в течении курса, мы будем использовать для работы над мини-проектом.

Скачать заготовку: тут


Отзывы

  • Vasiliy Alatartsev

    Курс очень тщательно выстроен и проработан, объективно 👍

    Как раз искал "точку входа" в программирование, тыкался в пайтон, пхп, не легла пока душа, а тут JS прямо сразу зашел. И, главное, все получается, о чем рассказывает Иван!

    Озвучка, вижуал, тоже на высоте, но иногда подтормаживает видео, скорее всего это временный баг самой платформы.

  • Татьяна Ботанова

    Рекомендую этот курс тем, кто хочет действительно изучить и работать в данной области, хорошо структурирован, четко дается информация.

  • Алексей Поповский

    Хороший практический курс. Было интересно без лишней воды познакомится с инструментами Java. Давно собирался. Было очень полезно

  • Владимир Поздняков

    Здорово!!

    Внимательно изучаю  


Начните обучение сегодня