От автора: если вы живете под скалой или похоронены в проектах на протяжении 2017 года, то статья про перспективы JavaScript для вас. Многое произошло в 2017 году, когда мы внимательно следили за X-Team , создавая к 2018 году множество действий и инноваций. Вы также можете использовать этот пост как руководство для планирования своего роста в качестве разработчика в 2018 году, ...

Перевод статьи Finally understand Redux by building your own Store с сайта toddmotto.com для CSS-live.ru, автор — Тодд Мотто Redux — интересный паттерн, нехитрый по своей сути, но почему же его порой так тяжело понять? В этой статье мы рассмотрим основные идеи Redux и внутренние механизмы хранилища (Store). Смысл здесь в том, чтобы глубже познать магию «под капотом» Redux, хранилища ...

Подборка свежих эффектов, интересных идей и полезных наработок. Трансформация лошади в дракона Анимация со щупальцами Солнце из-под воды Интерактивный фон Визитки на CSS-гридах Анимация работает по наведению и клику на одну из стопок. Интересный скролл.Может неправильно работать в IE.Технологии: CSS-гриды, JS.Автор: Джон Кантнер (@jkantner) Посмотреть живой пример Трехмерная надпись из блоков Скейтборд Таблица фигур Лиссажу Анимация «Павлиний хвост» на CSS CSS-иллюстрация ...

От автора: цикл while выполняет операторы каждый раз, когда заданное условие является истинным. Другими словами, цикл оценивает условие до выполнения кода. Синтаксис while(condition) { // которые выполняются, если условие истинно } Блок-схема Пример: цикл while var num:number = 5; var factorial:number = 1; while(num >=1) { factorial = factorial * num; num--; } console.log("The factorial is "+factorial); Вышеприведенный фрагмент кода ...

От автора: цикл for выполняет блок кода определенное количество раз. Его используют, чтобы выполнить обработку фиксированного набора значений, например, массива. Ниже приведен синтаксис цикла for. Синтаксис for (initial_count_value; termination-condition; step) { //операторы } Цикл применяет переменную count, чтобы отслеживать итерации. Цикл инициализирует итерацию, задавая значение count изначальному значению. Он выполняет блок кода каждый раз, когда значение переменной count удовлетворяет условию ...

От автора: цикл do while похож на цикл while, за исключением того, что цикл do…while не оценивает условие при первом выполнении цикла. Однако, условие оценивается для последовательных итераций. Другими словами, блок кода будет выполнен хотя бы один раз в цикле do…while. Синтаксис do { //операторы } while(condition) Структурная схема Пример: цикл do…while var n:number = 10; do { console.log(n); n--; ...

От автора: сегодня мы поговорим о том, для чего нужны в TypeScript циклы. Существует много случаев, когда нам нужно выполнить блок кода несколько раз. Обычно операторы выполняются последовательно один за другим: первый оператор в функции выполняется первым, после него выполняется второй и так далее. Языки программирования предоставляют много управляющих конструкций для более сложных способов выполнения. Оператор цикла позволяет многократно выполнять ...

От автора: оператор TypeScript switch оценивает выражение, сравнивает значение выражения с условием case и выполняет операторы, которые связаны с case. Синтаксис switch(variable_expression) { case constant_expr1: { //операторы; break; } case constant_expr2: { // операторы; break; } default: { // операторы; break; } } Значение выражения переменной проверяется относительно всех операторов case в операторе switch. Если переменная совпадает с одним из ...

От автора: после оператора if может следовать дополнительный блок else. Оператор if else работает в связке для выполнения необходимых условий после оценки истинности логического значения. Блок else будет выполнен, если логическое значение, проверенное оператором if, будет оценено как ложное. Синтаксис if(boolean_expression) { // операторы будут выполнены, если логическое значение истинно } else { // операторы будут выполнены, если логическое значение ...

От автора: многоэлементная структура TypeScript if…else выполняет проверку множественных условий. Давайте рассмотрим её синтаксис. Синтаксис if (boolean_expression1) { //операторы если expression1 является истинным } else if (boolean_expression2) { // операторы если expression2 является истинным } else { //операторы если оба выражения являются ложными } Если вы используете операторы if…else…if и else, нужно учесть следующие моменты: Оператор if может содержать ноль ...