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
Искусство командной строки

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

#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)
Бесплатные хостинги для веб-разработчиков

К статье(rus)
Анимация наведения и переходов меню

Tympanus
8 советов по работе с терминалом, которые ускорят вашу разработку

В статье перечислены удобные инструменты для терминала: атодополнение, быстрый переход между часто используемыми директориями, сокращенные git команды и другие…

#terminal

К статье(eng)
​​Как работать в команде, которая пишет на 5 языках

Рассказ тимлида одной из команд доставки в компании Lamoda.
- "В нашей команде используются сразу пять языков программирования: PHP, Go, Typescript, Java и Kotlin. Когда я впервые услышал об этом на собеседовании, подумал, что так работать невозможно — все слишком разное. Но спустя год мое мнение кардинально изменилось, и я нашел много преимуществ в таком подходе.

В этой статье я расскажу:

О нашем направлении и системах, обслуживающих доставку;
Как мы живем с таким разнообразием технологий;
Как планируем работу над разноплановыми задачами;
Как растим экспертизу в fullstack-команде и расширяем направление."

[ Статья ]

#common_tech #common
Styled Components — идеальная стилизация React-приложения

Данная статья будет полезна новичкам и, возможно, старичкам. Эта реализация является чисто субъективной и может вам не понравиться. Для понимания материала требуются базовые навыки работы с React и TypeScript.

Статья
​От стажера до миддла: как вырасти Python-разработчику

Мидл — следующий этап развития разработчика после стажёра или джуна. Ему доверяют больше интересных проектов и ответственных задач, у него чаще спрашивают совета, ему больше платят.

Статья
Набор полезных инструментов для проверки доступности сайта, чистоты и качества кода, ссылок, seo

https://habr.com/ru/company/vdsina/blog/522932/
​​🔥Функция includes() в JavaScript

Метод includes() используется для проверки на наличие строки в определённой коллекции и возвращает true или false

Пример:
const garage = ['BMW','AUDI','VOLVO'];
const findCar = garage.includes('BMW');
console.log(findCar);
//true;

#js