Вы можете создавать эти элементы, не используя JavaScript
Необязательно каждый раз плодить кучу JS-кода, если можно сделать то же самое, используя только HTML и CSS. Это не только может снизить нагрузку на сайт, но и избавит от проблем, когда пользователь отключает работу JS в браузере.
Читать статью
@frontend_school #статья #JavaScript
Необязательно каждый раз плодить кучу JS-кода, если можно сделать то же самое, используя только HTML и CSS. Это не только может снизить нагрузку на сайт, но и избавит от проблем, когда пользователь отключает работу JS в браузере.
Читать статью
@frontend_school #статья #JavaScript
Как заменить все одинаковые подстроки в строке на JavaScript
Представим, что у вас есть строка
Читать статью
@frontend_school #статья #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
Помните эти некогда популярные игры? Кто-то, возможно, в них играет до сих пор. В этом видео автор пошагово вам покажет, как реализовать такие игры на JavaScript.
Видео на английском языке, но не переживайте! Всегда можно включить субтитры на английском или русском языке, а в описании под видео есть ссылки на уже готовый код, который можно изучить, если лень смотреть видеоурок.
Смотреть видео
@frontend_school #видео #JavaScript #en
YouTube
JavaScript Tutorial: Build Flappy Bird and Doodle Jump
Improve your JavaScript skills by building two popular millennial games: Doodle Jump & Flappy Bird.
In this video, you will practice over 32 of JavaScript's most popular methods in order to build the two games. This includes .forEach(), .push(), .shift()…
In this video, you will practice over 32 of JavaScript's most popular methods in order to build the two games. This includes .forEach(), .push(), .shift()…
Что такое callback-функция в JavaScript?
В процессе обучения языку JavaScript каждый сталкивается с коллбеками. Это не самая простая тема и без действительно простого пошагового объяснения разобраться в ней может быть очень трудно.
В этой статье автор на простых примерах, подкреплённых реальным кодом объяснил, как работают callback-функции. Надеемся, что эта статья поможет вам разобраться.
Читать статью
@frontend_school #статья #JavaScript
В процессе обучения языку JavaScript каждый сталкивается с коллбеками. Это не самая простая тема и без действительно простого пошагового объяснения разобраться в ней может быть очень трудно.
В этой статье автор на простых примерах, подкреплённых реальным кодом объяснил, как работают callback-функции. Надеемся, что эта статья поможет вам разобраться.
Читать статью
@frontend_school #статья #JavaScript
Тернарный оператор в JavaScript: за, против, подводные камни
Все мы хотим писать чистый и краткий код. Но порой между этими характеристиками приходится выбирать. В целом принято считать, что ясность важнее краткости.
С учетом вышесказанного становится ясно, почему многие люди относятся к тернарному оператору с некоторой опаской. Да, конечно, он более краткий, чем if-предложение. Но вместе с тем тернарные операторы легко могут превратить код в нечитаемую абракадабру.
В этой статье пытаются разобраться в плюсах и минусах тернарного оператора в JS.
Читать статью
@frontend_school #статья #JavaScript
Все мы хотим писать чистый и краткий код. Но порой между этими характеристиками приходится выбирать. В целом принято считать, что ясность важнее краткости.
С учетом вышесказанного становится ясно, почему многие люди относятся к тернарному оператору с некоторой опаской. Да, конечно, он более краткий, чем if-предложение. Но вместе с тем тернарные операторы легко могут превратить код в нечитаемую абракадабру.
В этой статье пытаются разобраться в плюсах и минусах тернарного оператора в JS.
Читать статью
@frontend_school #статья #JavaScript
Создаём скрипты для сайта интернет-магазина
В этом объёмном видео вы на практических примерах сможете прокачать свои навыки JS-разработки. Вы сможете поработать с DOM, настроить поиск, клики, а также ближе познакомитесь с функциями, переменными и массивами.
Имейте в виду, что видео длинное, но для удобства разбито на разделы, что позволяет изучать его в несколько приёмов.
Смотреть видео
@frontend_school #видео #javascript
В этом объёмном видео вы на практических примерах сможете прокачать свои навыки JS-разработки. Вы сможете поработать с DOM, настроить поиск, клики, а также ближе познакомитесь с функциями, переменными и массивами.
Имейте в виду, что видео длинное, но для удобства разбито на разделы, что позволяет изучать его в несколько приёмов.
Смотреть видео
@frontend_school #видео #javascript
YouTube
Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина
↓↓↓ Таймкоды, ссылки на материалы в описании под видео ↓↓↓
Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования…
Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования…
This media is not supported in your browser
VIEW IN TELEGRAM
Переключатель в виде сковороды с яичницей
Вот такой переключатель вы можете сделать самостоятельно благодаря коду, который лежит по ссылке. Всё выполнено на html, css и ванильном JS.
От себя могу сказать, что сделать сковороду красной, а не зелёной выглядит куда логичнее. Сможете доработать?😉
@frontend_school #codepen #css #javascript
Вот такой переключатель вы можете сделать самостоятельно благодаря коду, который лежит по ссылке. Всё выполнено на html, css и ванильном JS.
От себя могу сказать, что сделать сковороду красной, а не зелёной выглядит куда логичнее. Сможете доработать?
@frontend_school #codepen #css #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Полифилы JavaScript: что это и зачем они нужны
Полифил — это код, реализующий какую-то функциональность, которая не поддерживается в некоторых браузерах. Реализация собственного полифила обеспечивает единообразное поведение функциональности в разных браузерах.
Эта статья подойдёт новичкам, которые готовятся к собеседованию, и опытным специалистам. В ней вы для наглядности реализуете полифилы таких привычных методов, как
@frontend_school #статья #javascript
Полифил — это код, реализующий какую-то функциональность, которая не поддерживается в некоторых браузерах. Реализация собственного полифила обеспечивает единообразное поведение функциональности в разных браузерах.
Эта статья подойдёт новичкам, которые готовятся к собеседованию, и опытным специалистам. В ней вы для наглядности реализуете полифилы таких привычных методов, как
map
, forEach
, filter
, reduce
. @frontend_school #статья #javascript
Введение в асинхронный JavaScript: Callbacks, Promises и Async/Await
Сегодня мы собираемся создать и запустить магазин мороженого, в процессе которого мы освоим асинхронный JavaScript. В конечном итоге вы научитесь работать с коллбэками, промисами и async/await.
Здесь вы увидите многочисленные примеры кода и доступные объяснения его работы.
@frontend_school #статья #javascript
Сегодня мы собираемся создать и запустить магазин мороженого, в процессе которого мы освоим асинхронный JavaScript. В конечном итоге вы научитесь работать с коллбэками, промисами и async/await.
Здесь вы увидите многочисленные примеры кода и доступные объяснения его работы.
@frontend_school #статья #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем пинг-понг на JS с нуля
Вот такой классный проект вы можете реализовать самостоятельно на выходных.
Все необходимые зависимости, части кода, принципы его работы описаны в статье.
@frontend_school #статья #javascript
Вот такой классный проект вы можете реализовать самостоятельно на выходных.
Все необходимые зависимости, части кода, принципы его работы описаны в статье.
@frontend_school #статья #javascript