@frontend_school #статья #JavaScript

Как правильно выбрать фронтэнд framework или почему нельзя верить сравнению фреймверков

Каждый кто изучает JavaScript рано или поздно приходит к вопросу «Какой же фреймворк выбрать для изучения?» Каждый специалист будет советовать тот, с которым работает он и поэтому его оценка будет не объективна. Так что же делать?

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

Читать статью

@frontend_school #статья #JavaScript

Полное понимание синхронного и асинхронного JavaScript с Async/Await

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

Читать статью

@frontend_school #статья #JavaScript

Декораторы JavaScript с нуля

Декораторы позволяют писать более чистый код придерживаясь концепции композиции. Они также помогают расширить функциональность для нескольких функций и классов. Таким образом, вы можете писать код, который легче отлаживать и поддерживать.

Читать статью

@frontend_school #статья #JavaScript #Vue

Подборка инструментов для быстрой разработки приложений на Vue.js

Разрабатывать крутые приложения хорошо, а делать это быстро — еще лучше. В материале подобраны полезные инструменты, которые помогут ускорить разработку на Vue.js, сэкономят время и позволят быстрее закончить проект.

Читать статью

@frontend_school #статья #JavaScript

Паттерны проектирования в современной JavaScript-разработке

Паттерны (шаблоны) проектирования позволяют оперировать понятиями, представляющими собой подходы к решению распространённых проблем. Эти решения могут варьироваться от абстрактных, концептуальных, до предельно конкретных. Их знание позволяет разработчикам эффективно друг с другом общаться.

Читать статью

@frontend_school #статья #JavaScript

25 лет языку JavaScript!

4 декабря 1995 года на свет появился JavaScript. Сегодня без него трудно представить веб-разработку. О том, какие этапы он прошёл в сегодняшней статье в формате «Один год — одно важное событие».

Читать статью

@frontend_school #статья #JavaScript

JS-алгоритм ищет выход из сгенерированного на ходу лабиринта

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

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

Читать статью

@frontend_school #видео #JavaScript

Как ускорить JavaScript разработку с Quokka

Quokka — это расширение для редакторов кода и IDE, которое помогает работать с JS. Например, с помощью него можно сразу посмотреть каким будет результат выполнения части кода прямо в редакторе. Помимо этого у него достаточно много возможностей. Подробнее вам расскажут в видео.

Смотреть видео

​​Что нового ожидать в ES2021

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

Читать статью

@frontend_school #статья #JavaScript

​​Вы можете создавать эти элементы, не используя JavaScript

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

Читать статью

@frontend_school #статья #JavaScript

​​Как заменить все одинаковые подстроки в строке на JavaScript

Представим, что у вас есть строка var str = "Test abc test test abc test test test abc test test abc" и вам нужно заменить все подстроки abc. Метод replace не подойдёт, ведь он заменит только первую подстроку. Как тогда это сделать? Расскажут и покажут в этой статье.

Читать статью

@frontend_school #статья #JavaScript

Flappy Bird и Doodle Jump на JavaScript

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

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

Смотреть видео

@frontend_school #видео #JavaScript #en

​​Что такое callback-функция в JavaScript?

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

В этой статье автор на простых примерах, подкреплённых реальным кодом объяснил, как работают callback-функции. Надеемся, что эта статья поможет вам разобраться.

Читать статью

@frontend_school #статья #JavaScript

​​Тернарный оператор в JavaScript: за, против, подводные камни

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

С учетом вышесказанного становится ясно, почему многие люди относятся к тернарному оператору с некоторой опаской. Да, конечно, он более краткий, чем if-предложение. Но вместе с тем тернарные операторы легко могут превратить код в нечитаемую абракадабру.

В этой статье пытаются разобраться в плюсах и минусах тернарного оператора в JS.

Читать статью

@frontend_school #статья #JavaScript

Создаём скрипты для сайта интернет-магазина

В этом объёмном видео вы на практических примерах сможете прокачать свои навыки JS-разработки. Вы сможете поработать с DOM, настроить поиск, клики, а также ближе познакомитесь с функциями, переменными и массивами.

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

Смотреть видео

@frontend_school #видео #javascript

Полифилы JavaScript: что это и зачем они нужны

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

Эта статья подойдёт новичкам, которые готовятся к собеседованию, и опытным специалистам. В ней вы для наглядности реализуете полифилы таких привычных методов, как map, forEach, filter, reduce. 

@frontend_school #статья #javascript

Введение в асинхронный JavaScript: Callbacks, Promises и Async/Await

Сегодня мы собираемся создать и запустить магазин мороженого, в процессе которого мы освоим асинхронный JavaScript. В конечном итоге вы научитесь работать с коллбэками, промисами и async/await.

Здесь вы увидите многочисленные примеры кода и доступные объяснения его работы.

@frontend_school #статья #javascript

Делаем пинг-понг на JS с нуля

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

Все необходимые зависимости, части кода, принципы его работы описаны в статье.

@frontend_school #статья #javascript

Два сниппета на JavaScript, которые упростят вам жизнь

В этой короткой статье вы познакомитесь с парой сниппетов, которые очень занимательны. Первый сниппет демонстрирует пример создания простой реактивности (signal), второй — метод предотвращения несоответствия данных из-за состояния гонки (race condition).

@frontend_school #статья #javascript