Webchic - frontend, backend, ci/cd
996 subscribers
273 photos
22 videos
1.11K links
Канал о Web разработке, для фронтов и full stack.

По рекламе @adtgassetsbot
Admin: @Aleksei

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha
Download Telegram
Разница между HTMLCollection и NodeList

#browser_api

К статье(rus)
<wbr> - html элемент, указывающий браузеру где “обрывать” слово для переноса на новую строку при необходимости

#html

К статье(eng)
This media is not supported in your browser
VIEW IN TELEGRAM
Использование css переменных в Angular темплейтах

#angular

К статье(eng)
Addy Osmani: “`inputmode` очень удобен - подсказывает браузеру, какую виртуальную клавиатура показать на мобилке”

#html

Twitter
Вопросы по javascript

В репозитории собраны более 100 вопросов по javascript, так же можно узнать ответы и прочитать объяснение

#javascript

К вопросам(eng)

К вопросам(rus)
Использование Effector в стеке React + TypeScript

Effector - стейт-менеджер с несколькими хранилищами для приложений Javascript (React/ React Native/Vue/Node.js)

#effector #state #react #typescript

К статье(rus)
Замеры производительности разных Javascript циклов

В статье производятся замеры циклов: for, for in, for of, forEach, map, while, do while

#javascript

К статье(eng)
Netflix Intro анимация на чистом CSS

Codepen
Vue.js: особенности, применение и отличия от других Javascript фреймворков

Vue подходит для небольших проектов, которым необходимо добавить немного реактивности, представить форму с помощью AJAX, отобразить значения при вводе данных пользователем, авторизация или другие аналогичные задачи. Vue легко масштабируется и хорошо подходит для объемных проектов, поэтому его называют прогрессивным фреймворком.
https://telegra.ph/Vuejs-osobennosti-primenenie-i-otlichiya-ot-drugih-Javascript-frejmvorkov-03-10
Искусство командной строки

В репозитории собраны рекомендации и описание возможностей командной строки.

#cli

К репозиторию(eng)

К репозиторию(rus)
8 удобных React хуков

— useTimeout - имплементация setTimeout
— usePrevious - для хранения свойств с прошлого состояния
— useClickInside - для определения клика внутри элемента
— useClickOutside - для клика вне компонента
— useFetch - как обертка над fetch
— useInterval - имплементация setInterval
— useComponentDidMount - для выполнения кода после mount компонента
— useComponentWillUnmount - для выполнения кода на unmount компонента

#react

К статье(eng)
​​Рассказ о том, почему в 2021 году лучше выбирать TypeScript, а не JavaScript

Недавно я, используя React Native, занимался разработкой мобильного приложения для медитации Atomic Meditation. Эта программа помогает тем, кто ей пользуется, выработать привычку медитировать, ежедневно уделяя этому занятию какое-то время. В ходе работы у меня появились серьёзные причины приступить к изучению TypeScript и начать пользоваться им вместо JavaScript в проектах среднего и крупного размера.

[ Статья ]
​​В JS-функциях «побеждает» последний оператор return

Вот — JavaScript-функция. Какой из операторов return, имеющихся в ней, «победит» при вызове этой функции?

function test() {
  return 'one';
  return 'two';
  return 'three';
}

С первого взгляда очевидный вопрос вставсляет в ступор на собеседованиях.
Статья
​​Личный опыт: как нетехнарю стать фронтом

Это может быть страшно — сменить сферу деятельности и из нетехнаря превратиться в ИТ- специалиста. Однако вокруг нас всё больше примеров таких успешных трансформаций. В том числе — истории нескольких выпускников HTML Academy, которые не только получили новые знания, но и смогли найти работу для их применения на практике.

[ Статья ]
Терминал Linux: шпаргалка

— ls -lah - показ спрятанных файлов + человекочитаемый формат
— which [name-of-the-program] - вывод пути к бинарному файлу программы
— history - вывод всех предыдущих команд
— cat [name-of-your-file] - вывод контента файла

и много других команд

#cli

К статье(eng)
10 Visual Studio Code трюков для увеличения продуктивности

В статье перечислены удобные шорткаты для быстрых правок нескольких строк кода, переключение в Zen Mode(убирает лишнее с экрана, оставляя только код) и другие.

#vsc #ide

К статье(eng)