Бесплатные ресурсы для изучения JavaScript

Хотите изучать JS? На этом сайте найдёте несколько бесплатных ресурсов, которые будут содержать:

📚 Книги

🖥 Сайты

🎥 Ютуб Каналы

🐱 Репозитории на Github

#javascript #полезныйресурс #учись

​Веб-разработка: основы статического сайта

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

#css #html #полезныйресурс #javascript #учись

💻 Бесплатный курс — «Школа разработки интерфейсов 2021»

Записи на YouTube от Академии Яндекса, где студенты слушали лекции, выполняли домашние задания, изучали Node.js, React, тестирование и многое другое.

🖥 Конференция ЮMoneyDay

Кейсы по фронтенду с большой IT-конференции ЮMoneyDay. Спикеры рассказали о процессах в компании и тонкостях разработки.

#полезныйресурс #учись

Как скопировать код с видео?

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

#полезныйресурс #учись

Spacing JS

Утилита JavaScript для измерения расстояния между элементами на веб-странице. Предполагается, что это будет использоваться только во время разработки.

#полезныйресурс #учись #javascript #html

💻 Репозиторий с задачами по JavaScript

Полезный репозиторий на гитхабе, которой собрал в себе 155 интересных задачек по JS. Очень неплохой ресурс чтобы проверить свои знания.

#javascript #полезныйресурс

OverAPI

Это электронное собрание шпаргалок по синтаксису, функциям и методам всех популярных языков программирования.

#полезныйресурс #html #css #javascript #учись

The History of the Web

Держите историю WEBa. Охватывает период с 1989 г. до наших дней. Интересно почитать в свободную минуту.

Вёрстка в 2022

"Разработчик – это человек, который переводит мысли заказчика на язык машины" 

С чего начинается вёрстка? Начинается всё с дизайна. А конкретнее вот этих цифр – 16, 32, 24 (магическая последовательность).

#полезныйресурс #учись

CSSViewer — полезное и важное расширение для определения CSS-свойств элемента. Установите его, наведите курсор на нужный объект и увидите подробное описание свойств.

#полезныйресурс #учись

🎄Поздравляю всех с Новым Годом!!! 🎉🎉🎉

Желаю прорывов в работе, грандиозных достижений интересных разработок. Успехов в Новом Году! И пусть в коде все будет чисто!

Спасибо, что подписаны на канал 🍷

Push-уведомления. Типы, предназначения и советы по использованию

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

#полезныйресурс #учись

Learn CSS - сервис помогает изучить CSS с нуля новичку.

Сервис предлагает несколько способов изучения CSS — подкасты, тексты и готовые примеры, которые можно разобрать.

#css #полезныйресурс

Книга Learning Patterns

📓 Learning Patterns это бесплатная книга, рассказывающая про паттерны проектирования и шаблоны компонентов для создания мощных веб-приложений с использованием ванильного JavaScript и React.

#учись

Изучаем основы HTML и CSS

HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом.

Бесплатный курс Нетологии «Основы вёрстки сайта», предоставит 16 практических заданий, на которых Вы научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте.

Записаться на бесплатный курс - https://go.avck.ws/6d255c15561dd0a0

#полезныйресурс #учись

🛠 CodeSee

Инструмент для визуализации кодовой базы, который быстро определяет зависимости и перемещается между файлами / каталогами.

#полезныйресурс

LeetCode — это веб-сайт, на котором можно попрактиковаться в решении задач кодирования и подготовиться к техническим собеседованиям. LeetCode предлагает более 2000 вопросов для практики, охватывающих множество различных концепций программирования. Каждая проблема кодирования имеет классификацию: Легкая, Средняя или Сложная. Вопросы LeetCode поддерживают популярные языки программирования.

#полезныйресурс #учись

🖥 Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном

Автор в этом видео создаёт 3D сцену с использованием HTML, CSS и JavaScript. Рассматривает интересные приёмы вёрстки - создаёт эффектный анимированный фон, переливающееся освещение сцены, 3D эффект вращения айтемов и разрабатывает кастомный эффект переключения слайдов с помощью cubic-bezier.

#полезныйресурс #учись #css #html #javascript

📑 HTMHeaven — 19 советов и приёмов вёрстки

Перевод заметок с сайта HTMHell (раздела Heaven) — коллекции полезных советов и примеров HTML-кода.

#учись #полезныйресурс #html

🗂 ООП в JS

Объектно-ориентированное программирование — это просто шаблон программирования, основанный на концепции различных типов объектов и их свойств.

В этой статье рассматриваются ключевые характеристики, которые показаны на простых примерах.

#учись #полезныйресурс #javascript

​🗃 Группировка массивов в JavaScript

В этой статье речь пойдёт о новых методах array.groupBy() и array.groupByToMap(), которые предлагают новые способы сортировки массивов.

#учись #полезныйресурс #javascript