Адаптивная таблица на чистом CSS
Не секрет для любого верстальщика, что таблицы — зло. Их сложно адаптировать, кастомизировать. Если на десктопной версии сайта еще довольно легко расписать таблицу, то когда начинается адаптивная верстка — все идет в тартарары.

https://blog.maxgraph.ru/2017/10/26/adaptivnaya-tablica-na-chistom-css/

CSS Grid

1. Введение в Grid. Базовые свойства
2. Dev tools. Grid auto rows
3. Grid auto flow, grid auto columns
4. Sizing grid. Единицы измерения fr
5. Span columns and rows
6. Размещение grid items
7. Grid auto-fill, auto-fit
8. Minmax function
9. Grid template areas
10. Именованные линии

https://www.youtube.com/playlist?list=PLlwtdxQXoJAulkpmpra1jKp7wiDsqePep

Создаём веб-приложение с бэкендом на Django и фронтендом на React

https://tproger.ru/translations/django-react-webapp/

Front-End

1- Верстка сайта HTML + CSS
2- Chrome DevTools. Обзор основных возможностей веб-инспектора.
3- Знакомство с ECMASCRIPT 2015
4- Что такое Avocode? Полное руководство по Авокод за 10 минут!
5- Пособие для новичков: Как залить портфолио на хостинг
6- CSS препроцессоры — вебинар по Front-End
7- Использование CSS, JS и SVG анимации
8- React - это просто
9- Как организовать рабочую среду для эффективной Front-End разработки

https://www.youtube.com/playlist?list=PLuEo4W0EBxtVyV0ycYJVLiOvwVSZXS3Iw

The Road to React (2020)

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

https://vincentgarreau.com/particles.js

3 безумно простых способа переключить сайт в темный режим

Темные темы в последнее время набрали популярность - вот свежая статья про базовые способы организации переключения сайта на темную/светлую тему.


https://webformyself.com/3-bezumno-prostyx-sposoba-pereklyuchit-sajt-v-temnyj-rezhim/

Hygen
Генератор кода для быстрого добавления в проект новых компонентов

https://www.hygen.io

Памятка по современному JavaScript

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

Цель этого руководства — не обучить вас JavaScript с нуля, а помочь разработчикам с базовыми знаниями, которые при изучении современных кодовых баз (или, скажем, React) сталкиваются со сложностями из-за использованных в них концепций JavaScript.

https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md

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

Коротко
1. Парсер разбирает код на значимые части.
2. Строится абстрактное синтаксическое дерево (AST).
3. Интерпретатор создает байт-код, который сразу же начинает выполняться в браузере, чтобы пользователь не ждал.
4. Одновременно профайлер и компилятор работают над оптимизацией кода.
5. Как только готова оптимизированная версия, она заменяет временный байт-код.


https://blog.bitsrc.io/javascript-under-the-hood-632ccae06b27