9 проектов, сделав которые ты станешь FrontEnd мастером

Подборка из 9 различных проектов, каждый с отдельной темой и своей фреймворком или библиотекой JavaScript в качестве технологического стека, который вы можете создать и добавить в свое портфолио.

https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h

Griddy - полезный и удобный онлайн инструмент для автоматического создания grid-сеток с получением исходного кода. Пригодится, если Вам по быстрому необходимо набросать каркас для верстки, а также, если только начали изучать технологию Grid.

https://griddy.io/

NPkill - этот полезный инструмент позволяет вам найти любые устаревшие каталоги node_modules в вашей системе, которые Вы можете легко удалить.

Основные особенности:
- Избавьтесь от старых и ненужных node_modules, загромождающих вашу систему.
- NPkill написан на TypeScript, но поиск выполняется на низком уровне, что значительно повышает производительность.
- Простота в использовании: попрощайтесь с длинными командами. Использовать npkill так же просто, как прочитать список ваших node_modules.
-У NPkill почти нет никаких зависимостей.

#Инструменты

https://npkill.js.org/

Кастомные CSS-свойства не работают без фолбека
Браузер не знает валидно ли значение переменной до тех пор, пока она не объявлена, и к тому времени, как он дойдет до нее, уже отбрасывает все потенциальные фолбеки.

http://odinokun.com/2020-07-06-kastomnye-css-svojstva-ne-rabotayut-bez-folbeka.html

Английский для программистов

1. Английский для начинающих
2. Техники быстрого изучения английских слов
3. Как учить английский по фильмам и сериалам
4. Как поддерживать уровень английского, тратя 15 минут в день
5. Ругаемся по-английски. Оригинальный способ изучения языка
6. 10 советов программисту для изучения английского языка
7. Как пройти IT собеседование на английском: советы и рекомендации
8. Как учить английский язык самостоятельно
9. Английский для фрилансеров. Деловая переписка
10. Английский для работы в команде

https://www.youtube.com/playlist?list=PLmRNNqEA7JoOF9d6cMrhExfEUig-yE-gz

Круговое меню на HTML, CSS и JS

В этом видео я расскажу Вам как создать круговое меню на все случаи жизни.
Мы будем использовать HTML, CSS и JS.

https://youtu.be/RR1Ag4SQ54E

Практическое руководство по ...

Десять современных однострочных CSS-разметок

https://web.dev/one-line-layouts/

Курс по основам React в одном видео на примерах и практике от Владилена Минина. React — jаvascript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.

#Курсы
https://coderoll.net/courses/frontend-courses/135-react-js-polnyj-kurs-2020.html

Интернет-магазин на Node.js

Интернет магазин на Node.js. Что такое Node.js, nodemon
Работаем с консолью. Интернет магазин на Node.js
Сервер на NodeJS. Интернет магазин на Node.js
Node закрывает соединение к MySQL. Mysql server close connection
Интернет-магазин на Node.JS. Страница заказа
Интернет-магазин на Node.JS. Отправка заказа менеджеру и клиенту
Перенос Node.js на хостинг
Интернет-магазин на Node.JS. Сохраняем заказ
Дополнение к 10 видео. Pug, роутинг в Express.JS

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

#video #nodejs

HTMx - мощный инструмент, который позволяет вам получать доступ к AJAX , WebSockets и Server Sent Events напрямую в HTML, используя атрибуты, поэтому вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста

Размер htmx всего ~ 7k в min.gz'd, не зависимый, расширяемый и совместимый с IE11.

https://htmx.org/

Как сделать переходы между разделами на сайте в виде волны?
В этой статье мы рассмотрим, как используя CSS и векторную SVG графику визуально оформить разрыв между секциями страницы в виде плавно изогнутой кривой линии.

https://itchief.ru/html-and-css/wave-divider-using-svg

Набор из более 700 качественных иконок пользовательского интерфейса, которые снабжены хорошо организованной библиотекой компонентов и имеют собственную API.

Доступные форматы:
css, svg, tsx, fig, xd, json, xml

https://css.gg/