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

Hydra js- фреймворк, имеющий все инструменты, необходимые для создания масштабируемых приложений

https://tcorral.github.io/Hydra.js/

Скачать https://tcorral.github.io/Hydra.js/#downloads

TypeScript - Полный Курс за 70 минут

Урок Typescript от Владилена Минина. Это видео - полный курс по Typescript, где вы узнаете про весь его функционал за 70 минут.
TypeScript — язык программирования, представленный Microsoft в 2012 году и позиционируемый как средство разработки веб-приложений, расширяющее возможности jаvascript.

https://coderoll.net/courses/frontend-courses/97-typescript-polnyj-kurs-za-70-minut.html

​​Как задать высоту строки в CSS

Как настроить высоту строки в CSS статья с подробным разбором line-height — одного из самых часто используемых, но не всегда правильно понимаемых атрибутов.

https://webformyself.com/kak-nastroit-vysotu-stroki-v-css/