Уроки JavaScript для начинающих: бесплатные видео для самостоятельного изучения
Одним из самых популярных языков программирования сегодня является javascript, который используется в приложениях и веб-страницах для придания интерактивности. Изначально его создавали, чтобы сделать сайты и веб-приложения живыми, т.е. быстро реагирующими на действия пользователя в реальном времени. Сейчас применяют на серверах, в приложениях и мобильных устройствах.
Подборка бесплатных видео уроков по javascript для начинающих на ВСЕ КУРСЫ ОНЛАЙН позволит разработчикам самостоятельно познакомиться с азами и синтаксисом языка на дому.
Основные сведения
Всплывающие окна, анимация, кнопки, при нажатии на которые выполняется сценарий, поля ввода, отправка данных на сервер – все делается при помощи яваскрипта. Код называется сценарием. Для выполнения любой программы существует два способа: компиляция и интерпретация. Первый преобразует исходный code в машинный посредством специальных программ, второй же запускает его как он написан разработчиком. Во все современные браузеры встроен интерпретатор JS.
Введение
Урок предназначен для абсолютных новичков в программировании и опытных пользователей компьютера. Программирование — написание набора команд, которые необходимы для выполнения какого-либо действия. Джава-скрипт взаимодействует с HTML, дополняя его. Поэтому требуются минимальные знания по языку гипертекстовой разметки (бесплатные уроки HTML с нуля). На практике будет показано создание файла с расширением .html, который используется для подключения к нему файлов со скриптами. Он считывает информацию и выводит на экран соответствующие действия.
Азы программирования
В видео показано написание первых строк кода, рассказывается про работу javascript и его подключение к веб-странице. На выходе получите первые динамические элементы на странице: будете отслеживать изменение слайдера и выполнять функционал. Для работы понадобиться специальная программа — редактор. Используется Visual Studio Code, но можно работать в любом. Просматривается сайт через Chrome, Opera и другие браузеры.
Первые шаги
В ролике показана настройка Brackets, которая подходит под все платформы и оснащена большим количеством плагинов. Предназначены для удобной и быстрой работы (установка вкладок с расширениями, быстрое написание кода, сохранение файла при переключении на браузер). Для начала добавляется папка, в которой будут содержаться все рабочие файлы (.html, .js). Также показывается построение структуры сайта и подключение скрипта к нему с помощью тега. Показывается написание сценария для всплывающего окна и добавления простого события — клик на кнопку, создание связь события и функции.
Методы вставки
Здесь рассказывается о методах встраивания скриптов в HTML. Он добавляется тегом <script>, который встраивается в любую часть сайта. Весь code, который заключен в тег, будет интерпретирован браузером как джава. Пишут таким образом, чтобы срабатывал на какое-либо событие (клик мышки, наведение стрелки). Встроить можно любое количество скриптов, правда большое количество повлияет на загрузку страницы не в лучшую сторону. Месторасположение никак не влияет на общий вид страницы. Можно использовать подключение к внешнему файлу со скриптами.
Текстовые поля
В уроке изучается работа с элементом input (поле ввода) с нуля. Сначала необходимо создать папку с файлами, построить структуру будущего сайта и подключить скрипт. Работа с тегом <input> будет показа на примере ввода числа и вывода квадрата числа. Чтобы скрипт сработал с конкретным элементом, необходимо задать идентификатор, который является уникальным для данной страницы. Также сюда добавляют событие, по которому срабатывает действие. В данном случае это нажатие клавишей мыши (клик).
Переменные
В лекции рассматриваются основные типы переменных, которые используются при разработке программ. В javascript они определяются с помощью ключевого слова var, после чего идет сама переменная, знак равенства и присваивается ее значение. Чтобы проверить себя, можно вывести ее на консоль с помощью console.log. Бывают целочисленные, текстовые и логического типа.
Синтаксис
Бесплатная лекция от канала WebForMySelf на ютубе. Узнаете больше про синтаксис и переменные в джаваскрипте, прокачаете свой скилл по теме.
Функции
Основной принцип программирования заключается в том, чтобы не повторять самого себя. К примеру, в программе описываются и выполняются одни и те же действия. Чтобы не повторяться каждый раз применяют функции. Они помогают уменьшить длину кода и при этом выполнять однотипные сценарии. Для этого задаются соответствующие параметры.
Объекты
В ролике на примере показано использование функции и переменных в описании персоны, имени, пола, возраста. Прописываются действия: приветствие и краткий рассказ о себе. Существует несколько способов создания подобного рода кода, более громоздкий либо простой, читабельный. О них можно узнать, посмотрев материал.
Мини-курс
Небольшой видео-курс для изучения с нуля, который поможет самому понять главные особенности яваскрипта за девяносто минут.
Смотрите также: каталог онлайн-курсов по программированию
5 ноября 2022