JavaScript задачи: квест по основам

Name: JavaScript задачи: квест по основам
Rating: 4.6 (12 reviews)

Цель: добраться до финиша!

Created byГруппа преподавателей Центра "Специалист" при МГТУ им. Баумана

Last updated 10/2018

Russian

What you'll learn

Научитесь решать базовые практические задания с использованием JavaScript

Course content

1 section • 38 lectures • 1h 8m total length

Редактор Brackets, консоль Chrome и первая задача квеста2:00
Знакомимся с вариантом оформления задач квеста: создаём HTML-файл, открываем его в текстовом редакторе типа Brackets, подключаем JavaScript-скрипт. Открываем в браузере HTML-страницу и через F12 панель разработчика, в консоли которой будем наблюдать результат. Задача №1: Реализуйте функцию palmTree(n), которая будет принимать целое положительное n и возвращать...
Реализуйте функцию autoReplace2:30
В этой задаче нужно реализовать функцию автозамены в строке любых слов указанных в массиве
Создайте функцию autoTags2:31
Поговорим о том функции для реализации автотегов.
Реализуйте функцию genitive3:00
Одна из лучших задач квеста: нужно написать функцию, которая "умеет" склонять слово рядом с произвольным числом
Создайте объект classNames4:30
Задача навеяна интерфейсом https://developer.mozilla.org/ru/docs/Web/API/Element/classList . Попробуйте её решить, чтобы при переходе к работе с DOM-страницы, было легче
Напишите функцию lorem1:30
Свяжите опыт написания функций со строкой "Lorem ipsum dolor sit amet"
Напишите функцию myReplace1:02
Задача из серии "а что если сделаем так". Понятно, что у строк есть метод replace и JS имеет регулярные выражения, но давайте поэкспериментируем
Напишите функцию getPhraseByNum3:30
Задача на перевод числа, например 2310 , в строку вида "две тысячи триста десять"
Напишите функцию directionByKeyCode1:30
Простая задача, чтобы успеть отдохнуть перед блоком задач по сортировке
Напишите функцию byDesc1:30
Повторяем сортировку по убыванию числового массива
Напишите функцию oddity1:00
Сортировка по принципу чётности числа
Напишите функцию byLength1:30
Сортировка по размеру строки
Реализуйте функцию sortBy1:30
Сортировка массива объектов. Задача аналогичная рассматриваемой https://www.youtube.com/watch?v=8JsteOQxJZc
Напишите функцию sortEmail1:30
Сортировка массива адресов электронной почты по названию домена
Напишите функцию stepByStep2:00
Построение набора чисел в диапазоне
Напишите функцию gradient3:00
Нахождения цветов для построения градиента
Напишите функцию randRange1:30
Генерация случайного целого в диапазоне
Написать функцию nearestDistance2:00
Нахождение ближайшей точки из массива
Написать функцию category1:30
Задача с собеседования от одного из моих слушателей - проход по свойствам объекта в глубину
Напишите функцию search2:00
Как представить некоторую сумму как можно меньшим количеством купюр достоинством?
Написать функцию getWordStat2:00
Нахождение количества вхождений слов
Напишите функцию extractProps1:30
Есть массив объектов, нужно вернуть массив определённых свойств всех объектов
Написать функцию bmi1:00
Находим индекс массы тела
Напишите функцию quadro1:00
Возведение в квадрат всех аргументов функции
Напишите функцию fib1:30
Находим последовательность Фибоначчи
Напишите функцию fibNthElement1:30
Находим n-й элемент последовательности Фибоначчи
Напишите функцию sequence1:00
Счётчик через замыкание
Реализуйте функцию days1:30
Узнаём сколько дней осталось до Нового Года
Реализуйте функцию differenceDays1:00
Находим количество полных суток между двумя датами
Реализуйте функцию differenceTimes2:00
Вернуть разницу между двумя датами в формате "hhh:mm:ss"
Напишите функцию checkPhone1:30
Проверка номер телефона
Напишите функцию validPhone1:30
Возвращаем автодополнение для телефонного номера в виде "+7495_______"
Напишите функцию daysAgo1:56
Определять сколько дней назад произошло событие
Напишите функцию timeAgo2:40
Научимся генерировать строки вида: что-то произошло "21 год назад"
Реализуйте метод even1:00
Расширяем прототип объекта Number
Реализуйте метод mul1:00
Расширяем прототип объекта конструктора Array
Создайте класс CSS1:30
Пишем пример использования статического метода класса
Создайте функцию nextNumber2:00
Ещё один интересный пример работы с замыканием и завершение квеста!

Requirements

Знания основ синтаксиса JavaScript
Знание управляющих конструкций JavaScript
Создание и применение функций
Объектные типы в JavaScript: объекты, массивы
Работа с объектами: Date, Math

Description

Новый квест по основам JavaScript: 38 задач + решения. Предназначен только для тех, кто уже имел первый опыт работы с JS:

для тех, кто начал изучать JS и ищет практические задания.
для тех, кто еще не приступил к изучению BOM и DOM.
для начинающих программистов на JS.

Предыстория:

В мае 2017 года на своих курсах я провёл первый квест. Он содержал около десяти задач и имел жёсткие правила прохождения. Например, на каждое задание выделялось фиксированное время, а при любой серьёзной ошибке участник покидал квест. Эксперимент показал, что слушателям понравился такой формат (особенно финалистам!), но поддерживать его в ручном режиме стало сложно. Текущий микрокурс представляет собой новый квест, в который вошли как лучшие задачи первых квестов по JavaScript, так новые задачи. Теперь каждый после первого знакомства с JavaScript может закрепить изученный материал и получить дополнительный опыт, решая задачи по основам JavaScript.

Who this course is for:

Начинающим JavaScript-программистам с начальным опытом работы
JavaScript-программистам с недостатком практики

JavaScript задачи: квест по основам

What you'll learn

Explore related topics

Course content