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
Выбор CSS макета — Grid или Flexbox?
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли.

Читать статью.

#css #grid #flexbox
11 JavaScript трюков, чтобы кодить как супергерой

#javascript

К статье(eng)
Код на React и TypeScript, который работает быстро. Доклад Яндекса

#react #typescript

К докладу
​​Свойство CSS - inset или как сделать короче запись с position: absolute

По сути inset позволяет в некоторых случаях сократить запись position: absolute

Пример:
div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

div {
position: absolute;
inset: 0;
}

Подробнее о свойстве inset
🔥Десктопные приложения на JavaScript.

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

Статья
​​Создание приложений на Angular с использованием продвинутых возможностей DI
[ Личный опыт ].

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

[ Статья ]
Создание нейронной сети Хопфилда на JavaScript.🔥

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

[ Статья ]
Аутентификация и авторизация

В посте объясняется разница между аутентификацией и авторизацией, а также дается набор правил для тех, кто решил сделать аутентификацию самостоятельно.

#auth

К статье(eng)
​​Создание приложений на Angular с использованием продвинутых возможностей DI
[ Личный опыт ].

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

[ Статья ]
Набор правил составления описания коммита для наведения порядка в логах

#git

К статье(rus)
​​Использование типов TypeScript вместо Swagger

Сегодня я расскажу о том, как мы можем с помощью типов написать простое расширение для ExpressJS.

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