Работа с массивами
12 полезных приемов работы с массивами:
1. Конвертирование массива в объект
2. Объединение массивов
и многие другие, вы найдете в статье.
#javascript
12 полезных приемов работы с массивами:
1. Конвертирование массива в объект
2. Объединение массивов
и многие другие, вы найдете в статье.
#javascript
30 seconds of code
Потрясающий сайт на котором собраны снипеты JavaScript, CSS, React Hooks и другие.
Очень ценный ресурс для начинающего разработчика!
#инструменты
Потрясающий сайт на котором собраны снипеты JavaScript, CSS, React Hooks и другие.
Очень ценный ресурс для начинающего разработчика!
#инструменты
Redux Middleware и WebSockets
WebSocket — это протокол связи, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени.
В статье объясняется, что такое Middleware и как использовать с ним веб сокеты.
Очень много примеров и полезного кода!
#react
WebSocket — это протокол связи, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени.
В статье объясняется, что такое Middleware и как использовать с ним веб сокеты.
Очень много примеров и полезного кода!
#react
Обучение Node.js
Ссылка на серию статей, обучающих кодить на Node.js.
Для изучения вам понадобятся базовые знания JavaScript.
#nodejs
Ссылка на серию статей, обучающих кодить на Node.js.
Для изучения вам понадобятся базовые знания JavaScript.
#nodejs
Видео сток
Хотите немного оживить сайт?
Вот вам ресурс с бесплатными фоновыми видео.
Все видео разделены по категориям на разную тематику, что супер удобно при поиске.
Очень круто, что есть такие ресурсы!
И мы делимся с вами ими! -)
#дизайн
Хотите немного оживить сайт?
Вот вам ресурс с бесплатными фоновыми видео.
Все видео разделены по категориям на разную тематику, что супер удобно при поиске.
Очень круто, что есть такие ресурсы!
И мы делимся с вами ими! -)
#дизайн
BEM
Вы еще до сих пор не разобрались c BEM? Или может не полюбили эту методологию?
Дайте ей еще один шанс!
Немножко поясним для тех, кто не в курсе, что это за три буквы.
BEM(Block Element Modifier) - это компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки для удобства дальнейшего переиспользования.
В общем, знать ее полезно, а в некоторых случаях даже нужно. Например, для трудоустройства.
Очень понятное объяснение данной методологии в статье! С картинками и примерами -)
#статьи
Вы еще до сих пор не разобрались c BEM? Или может не полюбили эту методологию?
Дайте ей еще один шанс!
Немножко поясним для тех, кто не в курсе, что это за три буквы.
BEM(Block Element Modifier) - это компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки для удобства дальнейшего переиспользования.
В общем, знать ее полезно, а в некоторых случаях даже нужно. Например, для трудоустройства.
Очень понятное объяснение данной методологии в статье! С картинками и примерами -)
#статьи
Grid
Бесплатный курс по CSS Grid.
25 уроков общей длительностью 4 часа и вы овладеете необходимыми знаниями!
Курс доступен после подписке по e-mail.
#css
Бесплатный курс по CSS Grid.
25 уроков общей длительностью 4 часа и вы овладеете необходимыми знаниями!
Курс доступен после подписке по e-mail.
#css
Callback
Простое и забавное объяснение с иллюстрациями callback функций.
Если не до конца разобрались в этой теме, то рекомендуем почитать эту статью!
#js
Простое и забавное объяснение с иллюстрациями callback функций.
Если не до конца разобрались в этой теме, то рекомендуем почитать эту статью!
#js
noUiSlider
JavaScript-библиотека для создания слайдера диапазона с поддержкой для сенсорных экранов.
Слайдер адаптирован под разные расширения экрана и протестирован на кроссбраузерность.
А еще, эта библиотека мало весит!
#инструменты
JavaScript-библиотека для создания слайдера диапазона с поддержкой для сенсорных экранов.
Слайдер адаптирован под разные расширения экрана и протестирован на кроссбраузерность.
А еще, эта библиотека мало весит!
#инструменты
Хостинг
В статье представлен список хостинг провайдеров и условия для бесплатного размещения вашего сайта.
Да-да! Помимо Github Pages можно еще где-то размещать свои сайты!
#статьи
В статье представлен список хостинг провайдеров и условия для бесплатного размещения вашего сайта.
Да-да! Помимо Github Pages можно еще где-то размещать свои сайты!
#статьи
transform
Очень подробная статья о свойстве transform и всех его значениях.
Много визуального и интерактивного контента, чтобы подвигать, попереворачивать элементы и разобраться, как работает rotate, translate и другие значения этого свойства!
#css
Очень подробная статья о свойстве transform и всех его значениях.
Много визуального и интерактивного контента, чтобы подвигать, попереворачивать элементы и разобраться, как работает rotate, translate и другие значения этого свойства!
#css
Метод flatMap
Данный метод был представлен в стандарте ES10 (ECMAScript2019).
flatMap сначала применяет функцию к каждому элементу, а затем полученный результат преобразует в плоскую структуру.
Сравнение с методом map и примеры использования подробно в статье!
#js
Данный метод был представлен в стандарте ES10 (ECMAScript2019).
flatMap сначала применяет функцию к каждому элементу, а затем полученный результат преобразует в плоскую структуру.
Сравнение с методом map и примеры использования подробно в статье!
#js
Обучение Git
Ресурс для интерактивного обучения использованию Git.
На практике изучите основные команды и попробуете те, которые еще никогда не использовали в своих проектах. Например, cherry-pick!
#инструменты
Ресурс для интерактивного обучения использованию Git.
На практике изучите основные команды и попробуете те, которые еще никогда не использовали в своих проектах. Например, cherry-pick!
#инструменты
Собеседование React
Знание одного из фреймворков сейчас является обязательным требованием для frontend-разработчика при трудоустройстве почти в каждую компанию.
И React пока лидер по популярности!
Для вас очень полезный ресурс с вопросами и ответами для подготовки.
#react
Знание одного из фреймворков сейчас является обязательным требованием для frontend-разработчика при трудоустройстве почти в каждую компанию.
И React пока лидер по популярности!
Для вас очень полезный ресурс с вопросами и ответами для подготовки.
#react
О Node.js
Интересно, а в курсе ли вы вообще, то такое Node.js?
Возможно, вы новичок или никогда не интересовались этой темой. Но даже, если ваше поле деятельности фронтенд, полезно немного знать и о бэкэнде.
Специально на эту тему статья.
#nodejs
Интересно, а в курсе ли вы вообще, то такое Node.js?
Возможно, вы новичок или никогда не интересовались этой темой. Но даже, если ваше поле деятельности фронтенд, полезно немного знать и о бэкэнде.
Специально на эту тему статья.
#nodejs
Неоморфизм
Если вы как разработчик, никогда не слышали о неоморфизме, то немного расскажем, что это такое.
Неоморфизм - это такой стиль в веб-дизайне, который использует размытие, угол и интенсивность тени объекта для его выделения. Такой дизайн выглядит реалистично, футуристично и интересно.
В статье рассказывается как создать такой эффект с помощью CSS. Там и демо с примерами есть, и ссылки на генераторы CSS кода.
Может пригодиться вам для дизайна ваших проектов. Да и вообще всегда полезно расширять кругозор!
#дизайн
Если вы как разработчик, никогда не слышали о неоморфизме, то немного расскажем, что это такое.
Неоморфизм - это такой стиль в веб-дизайне, который использует размытие, угол и интенсивность тени объекта для его выделения. Такой дизайн выглядит реалистично, футуристично и интересно.
В статье рассказывается как создать такой эффект с помощью CSS. Там и демо с примерами есть, и ссылки на генераторы CSS кода.
Может пригодиться вам для дизайна ваших проектов. Да и вообще всегда полезно расширять кругозор!
#дизайн
Ревью кода
Ревью кода является важной составляющей для создания качественного продукта, поскольку позволяет отлавливать ошибки на всех фазах разработки.
В статье вы найдете все, что нужно знать о ревью кода: что это такое, как его проводить и чек-лист для его проведения.
#статьи
Ревью кода является важной составляющей для создания качественного продукта, поскольку позволяет отлавливать ошибки на всех фазах разработки.
В статье вы найдете все, что нужно знать о ревью кода: что это такое, как его проводить и чек-лист для его проведения.
#статьи
Flexbox
Бесплатный курс по Flexbox.
На курсе вы изучите все основы по флексам, как центрировать элементы с помощью этой технологии, как использовать flex-grow, flex-shrink и flex-basis на практике. Там есть парочку интересных примеров, которые вам пригодятся!
Курс всего состоит из 20 уроков и доступен после подписки по e-mail.
#css
Бесплатный курс по Flexbox.
На курсе вы изучите все основы по флексам, как центрировать элементы с помощью этой технологии, как использовать flex-grow, flex-shrink и flex-basis на практике. Там есть парочку интересных примеров, которые вам пригодятся!
Курс всего состоит из 20 уроков и доступен после подписки по e-mail.
#css
Массивы
Массивы предоставляют кучу возможностей для обработки данных.
В статье представлены наиболее часто используемые примеры работы с массивами.
Например, удаление дублирующихся элементов, преобразование массива в объект и многие другие!
Читать статью
#js
Массивы предоставляют кучу возможностей для обработки данных.
В статье представлены наиболее часто используемые примеры работы с массивами.
Например, удаление дублирующихся элементов, преобразование массива в объект и многие другие!
Читать статью
#js
Справочник для разработчика
Документация по HTML, CSS, JavaScript на русском языке!
На этом ресурсе вы также найдете информацию о Docker, Webpack, Node.js и многом другом.
Еще хочется отметить материалы на тему операционных систем, веб-серверах и о том как устроена сеть. Это очень полезно знать разработчику!
Смотреть справочник.
#инструменты
Документация по HTML, CSS, JavaScript на русском языке!
На этом ресурсе вы также найдете информацию о Docker, Webpack, Node.js и многом другом.
Еще хочется отметить материалы на тему операционных систем, веб-серверах и о том как устроена сеть. Это очень полезно знать разработчику!
Смотреть справочник.
#инструменты