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
​​Как я организую свои скрипты NPM.

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

[ Статья ]
Полезные GIT alias команды:
— изменение сообщения коммита
— клонирование указанной ветки
— стилизация лога
и другие…

https://dev.to/dephraiim/git-commands-you-probably-didn-t-know-3bcm
​​Создание приложений на Angular с использованием продвинутых возможностей DI
[ Личный опыт ].

Меня зовут Андрей, и я занимаюсь разработкой фронтенда на Angular для внутренних продуктов компании. Фреймворк обладает обширными возможностями, одни и те же задачи можно решить огромным количеством способов. Чтобы облегчить свою работу и повысить продуктивность, я задался целью найти универсальный и не сложный подход, который бы упростил проектирование и позволил уменьшить объем кода при сохранении его читаемости. Перепробовав множество различных вариантов и учтя допущенные ошибки, я пришел к архитектуре, которой хочу поделиться в этой статье.

[ Статья ]
This media is not supported in your browser
VIEW IN TELEGRAM
🥚 переключатель, выполнен на чистом css

Codepen
​​💡Пишем простейший GitHub Action на TypeScript.

В данной статье я решил собрать самую основную информацию, которая нужна для того, чтобы написать простейший GitHub Action с использованием TypeScript.

[ Статья ]

#ts
​​Менять профессию после 30: больно или нет?

Однажды в одном из рабочих чатов мы обсуждали, кто и как попал в профессию. Выяснилось, что примерно половина из нас работает «не по диплому». Коллеги рассказывали свои истории, которые откликнулись нашему рекрутеру, которая сама, к слову, по образованию физик-математик. В итоге родился этот пост-письмо про то, страшно ли менять профессию «на ходу».

Читать...
Углублённое руководство по JavaScript: генераторы

#javascript

Часть 1
Часть 2
​​UI-компоненты для React: топ-10 библиотек и фреймворков

Пользовательский интерфейс — это «вау!»-фактор любого приложения. Что касается React-приложений, UI может быть довольно сложным. В этой статье мы собрали лучшие библиотеки и фреймворки, содержащие компоненты UI для React-приложений. Они точно пригодятся вам при создании пользовательских интерфейсов.

Читать...
​​IT и жизнь в Барселоне: налоговые льготы, отличная медицина и жизнь как на курорте

Мы в последнее время много рассказывали про страны, куда специалисту из-за границы или практически не попасть, или ехать особо нет смысла, разве что за интересным проектом. Решили исправиться и рассказать об Испании — популярном направлении для IT-эмиграции.

Читать...
Прокачиваем навыки CSS: GRID

Статья от портала Код (делают ребята из Яндекс Практикума) будет полезна тем, кто только начинает осваивать GRID

#css #grid

К статье(rus)
Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать

#angular #architecture

К статье
​​☕ Angular must die: фреймворк обходится компаниям в миллиарды долларов

Angular усложняет разработку UI и увеличивает расходы компаний. Пора от него избавиться?

Статья
Как отслеживать производительность веб-приложения с JavaScript и Performance API

#performance #browser

К статье(rus)
​​Включить вибрацию на смартфоне

Метод vibrate() объекта window.navigator может включить режим вибрации на устройстве (при условии что устройство поддерживает режим вибрации).

window.navigator.vibrate(500);

Методу можно передать параметр – время вибрации в миллисекундах. А можно указать даже паттерн – чередование интервалов вибрации и пауз. Для этого передайте методу массив чисел.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS совет от Jhey Tompkins

НЕ используйте <div> для прогресс бара!
Используйте элемент <progress>
Вы можете стилизовать его с помощью переменных CSS и некоторых псевдоселекторов.

#css #html

Codepen

Twitter
Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js

— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты

#react #redux

К статье(eng)
Улыбнешься - проиграешь

Браузерная игра, для реализации которой использовалась библиотека face-api.js(надстройка над tensorflow.js) для распознавания лиц.

#tensor_flow #face_api #ml

К игре
К статье(eng)
Создание нейронной сети Хопфилда на JavaScript.🔥

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

[ Статья ]
​​Эффекты перехода между картинками с помощью WebGL

Ссылка
Кодинговое интервью Google с обычным инженером программистом

#interview

Youtube(eng)
This media is not supported in your browser
VIEW IN TELEGRAM
Animista - сервис с большим набором готовых анимаций, которые можно поднастроить и скопировать код

#css

Animista