📑 Компонентный подход в веб-разработке

После многих лет поисков JavaScript-мастерам удалось найти философский камень фронтенда – компоненты. Что ждет веб в 2020?

Мир веб-разработки развивается головокружительно быстро, как и язык программирования JavaScript. Сегодня, если вы не шарите в Webpack, React Hooks, Jest, Vue и NG elements, вы чувствуете себя потерянным и отстающим. Этот разрыв быстро расширяется, вы уже не понимаете, о чем говорят ваши коллеги… Но все меняется!

#статьи #frontend

🛠 Koala — это замечательное кросс-платформенное приложение, которое автоматически компилирует Less/SASS-файлы.

#инструменты #css

📑 Для CSS создают параметр leading-trim: он исправит видимый беспорядок между строками текста при равных отступах в коде

Из-за особенностей кода между блоками текста появляется лишнее пространство. Новый параметр должен справиться с загвоздкой.

В начале июня 2020 года разработчики CSS предложили новый пакет спецификаций, где упоминается параметр leading-trim. Он позволит обрезать поля вокруг текста по заданным параметрам. Когда разработчики его добавят, неизвестно.

#статьи #frontend

Выберите правильный вариант 👇🏼 #test

🛠 Hexo - это простой и мощный фреймворк для ведения блогов, в котором каждое сообщение записывается в формате markdown и отображается на статической странице с правильным макетом и стилями.

#инструменты #js

💡 Подключение к удалённому хосту и вход в его оболочку Unix через терминал

С помощью этой ssh команды вы сможете быстро подключиться к удаленному хосту и войти в его оболочку Unix. Это позволяет удобно выполнять команды на сервере прямо с терминала вашего локального компьютера.

Чтобы установить соединение, вам просто нужно указать правильный IP-адрес или URL-адрес.

ssh username@remote_host

Если вы хотите быстро выполнить команду на сервере без входа в систему, вы можете просто добавить команду после URL-адреса. Команда будет запущена на сервере и будет возвращен результат.

Следующая команда выполняет ls /var/www на сервере и закрывает соединение:

ssh username@remote_host ls /var/www

С помощью SSH вы можете много чего сделать, например: создавать прокси и туннели, защищать ваше соединение с помощью закрытых ключей, передавать файлы и другое.

Более детально ознакомиться с этой командой вы можете на официальном сайте.

#советы #coding

Выберите правильный вариант 👇🏼 #test

🛠 EnduroJS - альтернатива WordPress для Node.js. Предлагает быстрый и простой способ создания вашего проекта, красивый и простой пользовательский интерфейс администратора и интегрированные инструменты для создания всего на сервере. Он работает без базы данных, вместо этого опирается на систему плоских файлов, которые можно открывать непосредственно в текстовом редакторе. Его легко установить и можно развернуть через Git.

#инструменты #js

💡 Tree - это утилита терминала, которая показывает вам визуальное представление файлов в каталоге.

Он работает рекурсивно, просматривая каждый уровень вложенности и вычерчивая сформированное дерево всего содержимого. Таким образом, вы можете быстро просмотреть и найти нужные файлы.

Пример:

.
├── css
│   ├── bootstrap.css
│   ├── bootstrap.min.css
├── fonts
│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   ├── glyphicons-halflings-regular.woff
│   └── glyphicons-halflings-regular.woff2
└── js
    ├── bootstrap.js
    └── bootstrap.min.js

Также есть возможность отфильтровать результаты, используя простой шаблон, похожий на regEx:

 -P '*.min.*'
.
├── css
│   ├── bootstrap.min.css
├── fonts
└── js
    └── bootstrap.min.js

Более детально ознакомиться с командой вы можете по ссылке.

#советы #coding

🔥 Лучшее на канале за неделю

1. Leading-trim - новый параметр для CSS, который исправит видимый беспорядок между строками текста.

2. Hexo - простой и мощный фреймворк для ведения блогов.

3. Подключение к удалённому хосту и вход в его оболочку Unix через терминал.

Выберите правильный вариант 👇🏼 #test

🛠 SiriWave — красиво сделанная анимация Canvas, воспроизводящая голосовую волну помощника Siri. Существует множество вариантов настройки через API JavaScript, поэтому, немного поработав, вы можете использовать его для создания фантастически выглядящей музыки или голосовых визуализаций.

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

💡 Взаимодействие с текстовыми файлами в терминале

При помощи команды cat можно воздействовать на текстовые файлы тремя разными способами:

- Выводить их на экран.
- Объединять файлы.
- Создавать новые файлы.

 cat somefile.js

Чаще всего при помощи команды cat читают содержимое файлов, это простой и удобный способ вывода текста на экран.

В следующем примере стандартный вывод команды cat перенаправляется в файл somefile2. Для перенаправления потока используется оператор перенаправления. Если файл somefile2 до этого не существовал, он создастся.

 cat somefile > somefile2

Более детально ознакомиться с командой вы можете по ссылке.

#советы #coding

Выберите правильный вариант 👇🏼 #test

📑 Лучший фронтенд-инструмент 2021 года

Любой, кто начинает карьеру в сфере разработки программного обеспечения, скорее всего столкнётся с задачей выбора первого языка, фреймворка или набора инструментов. Уверен, каждому из вас это знакомо. Ответ на вопрос о том, что нужно изучать самым первым, найти не так уж и просто.

Всё дело в том, что в индустрии программирования существует очень много языков и вспомогательных инструментов. Для того чтобы облегчить выбор инструментов тем программистам, которые нацелены на фронтенд-разработку с использованием JavaScript, в этой статье мы рассказываем о трёх популярных JS-инструментах.

#статьи