Web разработка

Топ-12 фишек программирования на JavaScript с массивами. Ты просто обязан их знать! https://www.youtube.com/watch?v=4AETFuOaq3s&feature=emb_logo

Первый взгляд на новое CSS свойство aspect-ratio https://css-tricks.com/a-first-look-at-aspect-ratio/

Состояние дел в сфере микрофронтендов https://habr.com/ru/company/ruvds/blog/505622/

​​Как задать высоту строки в CSS Как настроить высоту строки в CSS статья с подробным разбором line-height — одного из самых часто используемых, но не всегда правильно понимаемых атрибутов. https://webformyself.com/kak-nastroit-vysotu-stroki-v-css/

Расширяющаяся гамма цветов в вебе https://css-tricks.com/the-expanding-gamut-of-color-on-the-web/

Использование хука useSpring. Анимация в ReactJS с библиотекой React-Spring https://www.youtube.com/watch?v=gAofhJ5p6Ms

TypeScript - Полный Курс за 70 минут Урок Typescript от Владилена Минина. Это видео - полный курс по Typescript, где вы узнаете про весь его функционал за 70 минут. TypeScript — язык программирования, представленный Microsoft в 2012 году и позиционируемый как средство разработки веб-приложений, расширяющее возможности jаvascript. https://coderoll.net/courses/frontend-courses/97-typescript-polnyj-kurs-za-70-minut.html

Перемещаем фон с помощью мыши https://css-tricks.com/moving-backgrounds-with-mouse-position/

Hydra js- фреймворк, имеющий все инструменты, необходимые для создания масштабируемых приложений http://tcorral.github.io/Hydra.js/ Скачать http://tcorral.github.io/Hydra.js/#downloads

Как работает JavaScript Коротко 1. Парсер разбирает код на значимые части. 2. Строится абстрактное синтаксическое дерево (AST). 3. Интерпретатор создает байт-код, который сразу же начинает выполняться в браузере, чтобы пользователь не ждал. 4. Одновременно профайлер и компилятор работают над оптимизацией кода. 5. Как только готова оптимизированная версия, она заменяет временный байт-код. https://blog.bitsrc.io/javascript-under-the-hood-632ccae06b27

Git+GitHub Уроки 1. - Что такое система управления версиями 2. - Установка на Windows 3. - Регистрация на GitHub и наш первый онлайн репозиторий 4. - Учим команды git clone, git status, git add, git commit и другие 5. - Учим аналогичные команды в редакторе Visual Studio Code 6. - Создаем свои собственные команды или Алиасы 7. - Отмена изменений и возврат к другому коммиту 8. - Работа с ветками git branch 9. - Сохраняем фрагменты кода, создаем свои Gist 10. - Работа с панелью Система управления версиями в редакторе кода VS Code https://www.youtube.com/playlist?list=PLuY6eeDuleIOMB2R_Kky05ZfiAx2_pbAH #video #github

Памятка по современному JavaScript В этом документе собраны возможности языка JavaScript, с которыми вы наверняка столкнетесь в современных проектах и примерах кода. Цель этого руководства — не обучить вас JavaScript с нуля, а помочь разработчикам с базовыми знаниями, которые при изучении современных кодовых баз (или, скажем, React) сталкиваются со сложностями из-за использованных в них концепций JavaScript. https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md

Hygen Генератор кода для быстрого добавления в проект новых компонентов https://www.hygen.io

Создаем игры на чистом CSS https://medium.com/cssclass-com/how-to-create-pure-css-games-2a29c777bf4

3 безумно простых способа переключить сайт в темный режим Темные темы в последнее время набрали популярность - вот свежая статья про базовые способы организации переключения сайта на темную/светлую тему. https://webformyself.com/3-bezumno-prostyx-sposoba-pereklyuchit-sajt-v-temnyj-rezhim/

Тильда. Анимация текста HTML+CSS+JS https://www.youtube.com/watch?v=zoesoaObIbA&feature=emb_logo

Неон https://codepen.io/cybercountess/pen/RwNXxyq

Покорение UTM меток https://vtvz.me/blog/conquering-the-utm-parameters/

Particles.js - библиотека для создания красивых плавающих частиц на веб-странице. https://vincentgarreau.com/particles.js