Java Script. Занятие #02

Лекция

Видео запись лекции #2

Домашнее задание

Обязательно повторите самостоятельно все, что было показано на лекции:

  1. Алгоритм swap (поменять местами значения в двух переменных)
  2. "Сбербанк-приветствие"
  3. Вывод чисел от 0 до 9 при помощи цикла while
  4. Вывод чисел от 0 до 9 при помощи цикла for
  5. Генератор арифметических прогрессий

Присылать скриншоты о выполнении в Telegram-чат по этому заданию не требуется, но если что-то не получается — пишите. Если у вас ещё нет такого же окружения как на лекции, можно посмотреть в этом видео или скачать отсюда готовый проект.

Практические задачи

Для вас подготовлены интересные задачи для отработки навыков программирования. Проверка этих задач будет осуществляются автоматически при помощи юнит тестов. Критерий успешности решения задач — 100% прохождение юнит тестов. Когда вы наберете этот результат, присылайте аналогичный скриншот в Telegram-чат:

Пример скриншота с решенными задачами для Telegram-чата

Как решать задачи?

  1. Зайти на сайт https://github.com/olegsklyarov/nauchuka-practice и скачать оттуда ZIP-архив с шаблоном проекта с практическими задачами.
  2. Развернуть проект как написано в инструкции в файле README.md (запустить npm install, потом npm run watch)
  3. В файле index.html заменить строчку <title>Mocha Tests</title> на ваше имя и фамилию, например <title>Олег Скляров</title> (чтобы на скриншоте было видно кто решал)
  4. В окне браузера вы сразу увидите результаты прогона авто тестов. Поскольку пока вы ещё ничего не решали, то и результаты будут "красными и нулевыми" — это нормально.
  5. Ссылки на условия задач в файле README.md, на них можно кликать в Github. Решаем задачи Quadrants, Factorial, Fibonacci, пишем код в файлах quadrants.js, factorial.js и fibonacci.js. Никакие другие файлы изменять не нужно! См. пример правильного решения для задачи Sum (файл sum.js). Если будут вопросы — пиши в Telegram-чат.

Теория по Java Script

По каждой теме достаточно прочитать и понять только перечисленные главы. На лекциях мы проходим лишь небольшую часть материала, поэтому много теории потребуется изучать самостоятельно — это нормально. Если что-то окажется непонятным — напишите в наш Telegram-чат.

  1. Введение
    • Введение в JavaScript
    • Редакторы кода
    • Консоль разработчика
  2. Основы Java Script
    • Привет, мир!
    • Структура кода
    • Строгий режим — "use strict"
    • Переменные
    • Типы данных
    • Преобразование типов
    • Операторы
    • Операторы сравнения
    • Условные операторы: if, '?'
    • Логические операторы
    • Циклы while и for
  3. Типы данных
    1. Числа
    2. Дата и время

Теория по HTML / CSS

Самостоятельно пройти бесплатные интерактивные курсы. Материал достаточно прост в освоении, классный интерактив. Если останутся вопросы — пишите в наш Telegram-чат.

  1. Основы HTML и CSS
    • Что такое HTML
    • HTML-теги
    • Вложенные теги
    • Атрибуты тегов
  2. Структура HTML-документа (полностью)

Ссылки

  1. Учебник по Java Script
  2. Онлайн парсер Java Script кода в синтаксическое дерево (syntax tree)
  3. Наш Telegram канал: https://t-do.ru/nauchuka