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

Весь каталог > Разработка > Базовые понятия в JavaScript для новичков + практика

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

3 модуля • 2.6 ч. • Начинающий уровень


Play Цель курса и настройка рабочего пространства

00:08:53


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

00:16:58

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

00:27:37

lock Циклы

00:16:39

lock Условия

00:10:28

lock Функции

00:20:55


lock Работа с элементами на страницах и события

00:26:27

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

00:28:58

Описание урока

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

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

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

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

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

 

Описание курса

Урок №1. Цель курса и настройка рабочего пространства

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

Урок №2. Что такое JavaScript и работа с переменными

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

Урок №3. Типы данных и взаимодействие с пользователем

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

Урок №4. Циклы

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

Урок №5. Условия

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

Урок №6. Функции

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

Урок №7. Работа с элементами на страницах и события

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

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

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

Требования к курсу

Базовые понятия HTML и CSS: - Как строится страница - Что такое тэги, уникальные идентификаторы (id), классы и селекторы - Простые стилистические правила CSS

Чему я научусь

После прохождения у вас будут базовые навыки использования языка программирования JavaScript на практике: работа с DOM, обработка событий, изменение страницы по своему желанию, реальное использование всех основ: циклов, условий, функций и тд.

Другие курсы автора

Card image cap

Этот курс направлен на подробное изучение JavaScript без воды, но главное - немедленное применение его на практике.

Это значит, что вы получите материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.

Для кого подойдет этот курс?

  • Если вы ничего не знаете про программирование, но хотите начать

  • Если вы новичок в JavaScript и хотите быстро его освоить и начать уже применять в работе

  • Если вы начали своё обучение с JQuery или другого инструмента, но вам не хватает знаний основ

Что внутри курса?

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

  • мы изучим основы программирования и алгоритмов

  • мы изучим основы объектно ориентированного программирования

  • мы изучим основные концепции и принципы JavaScript, от самых простых до самых сложных

  • мы научимся работать с такими популярными технологиями как AJAX, JSON и тд

  • мы научимся работать с Git и GitHub

  • мы научимся работать с npm, Babel, Browserify, Webpack и тд

  • подумаем, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомимся с React, Angular, Vue, Jquery

  • как бонус - узнаем основные концепции и напишем свое приложение на React. Научимся писать автотесты

  • Ну и, конечно, закрепим всё, что проходим на реальных проектах

Что такое JavaScript и почему его нужно учись уже сейчас?

JS - это язык интерактивности на веб-страницах. Без него сейчас не обходится ни один сайт в интернете. И даже больше! Используя различные фрэймворки, JavaScript заполоняет интернет: серверная сторона (Node.js), мобильные приложения (React Native, Ionic), виртуальная реальность (React VR) и так далее. Поэтому, если вы хотите пойти по одному из этих путей - нативный JS станет для вас просто необходимой базой.

 

Card image cap Урок №1. Цель курса и настройка рабочего пространства

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

Урок №2. Что такое JavaScript и работа с переменными

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

Урок №3. Типы данных и взаимодействие с пользователем

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

Урок №4. Циклы

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

Урок №5. Условия

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

Урок №6. Функции

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

Урок №7. Работа с элементами на страницах и события

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

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

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

Card image cap

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

Это значит, что вы получите весь материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.

Для кого подойдет этот курс?

  • Если вы ничего не знаете про создание сайтов, но хотите начать

  • Если вы новичок в html/css, хотите быстро их освоить и начать применять в работе

  • Если у вас был опыт в этой сфере несколько лет назад, ведь web-технологии очень быстро меняются и совершенствуются

Что внутри курса?

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

  • мы изучим основы web-разработки: что такое web-сайт, зачем он нужен, циклы создание и многое другое

  • мы научимся работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode...

  • мы научимся  работать с графикой для web'a, в том числе с SVG

  • мы узнаем и поймем как использовать HTML5 и CSS3 в реальных проектах

  • мы узнаем основы JS и Jquery, научимся применять их в своих проектах

  • мы научимся работать с Git и GitHub

  • мы научимся работать с Bootstrap 4 и с технологией FlexBox

  • мы научимся использовать препроцессоры Sass/Scss/Less в своих проектах

  • мы научимся создавать мобильную адаптацию сайтов и приложений

  • мы научимся использовать методологию БЭМ

  • мы поймем, как создавать многостраничные сайты и принципы посадки под CMS(системы управления сайтами)

  • мы научимся автоматизировать процессы при помощи планировщика задач Gulp

  • мы научимся оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c

  • мы научимся работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое...

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

Почему стоит начать свое обучение уже сейчас?

Создание сайтов (верстка) - очень востребованный на рынке труда навык, который к тому же еще и хорошо оплачивается. Мало того, что изучив всю данную вам информацию вы уже сможете создавать свои продукты и работать как на фрилансе, так и в web-студии, но и вы заложите базу для дальнейшего обучения. Владея этими навыками вы сможете освоить любую CMS (WordPress, ModX...) изнутри, сможете понять и изучить как работает backend часть, и сможете создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках (ведь там везде используется верстка как и на обычных сайтах, в том числе и на мобильных приложениях)

Card image cap

Этот курс направлен на подробное обучение посадке верстки и созданию тем на CMS WordPress, без воды, но главное, что здесь мы немедленно применяем все знания на практике.

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

Для кого подойдет этот курс?

  • Если вы никогда не работали с back-end частью, но хотите изучить эту часть

  • Если вы хотите создавать полноценный продукт для заказчика (с административной панелью для изменения любой информации на сайте)

  • Если вы хотите научиться работать с самой популярной системой управления сайтом - WordPress

Что внутри курса?

Мы с вами пройдем путь от знакомства с понятием систем управления сайтами, настройки и установки WordPress на локальном сервере до создания полноценно функционирующих и полностью настраиваемых продуктов. Мы будем изучать теоретическую часть и сразу же применять её на реальных проектах. Все ссылки на ресурсы, дополнительные материалы и бонусные макеты для практики будут предоставлены внутри курса.

  • мы изучим основные принципы работы с системами управления сайтом (CMS)

  • мы научимся "натягивать" верстку на движок системы управления сайтами Wordpress

  • мы научимся создавать свои темы для Wordpress

  • мы научимся работать с плагинами для WP

  • мы научимся работать с локальными серверами и phpmyadmin

  • мы научимся создавать полноценный продукт для заказчика, который он сможет настраивать по своему желанию

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

Почему стоит начать свое обучение уже сейчас?

При создании web-сайтов любой разработчик приходит к тому, что заказчик в один момент захочет изменять любую информацию на сайте самостоятельно, без обращения к вам. Нужно быть к этому готовым и владеть навыками "посадки" верстки на систему управления сайтом. И WordPress - это отличный выбор для начала своего пути. Это самая популярная и не сильно сложная относительно других система управления сайтами (CMS). Навык работы с ней будет полезен как на фрилансе, так и в веб-студиях, он откроет вам путь к работе с back-end частью и позволит вам создавать полноценные продукты уже сейчас!

Отзывы

5

4 отзывов

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

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

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

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

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

  • Здорово!!

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

  • 299 ₽
    Введение

    Play Цель курса и настройка рабочего пространства

    00:08:53


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

    00:16:58

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

    00:27:37

    lock Циклы

    00:16:39

    lock Условия

    00:10:28

    lock Функции

    00:20:55


    lock Работа с элементами на страницах и события

    00:26:27

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

    00:28:58