32606
Всё по фронтенду, бэкенду и девопсу в одном месте Купить рекламу: ad.tproger.ru/telegram/ По вопросам рекламы: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels
Лайфхак для скучных созвонов — фон с кивающе-вовлечённым лицом. Страшно представить, сколько нервов и времени он способен сэкономить...
Читать полностью…
Old but gold: Сквозь тернии к core-у, или процесс компиляции Vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
Годных инструментов вам в ленту: MightyMeld — набор предварительно настроенных веб-компонентов
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css
Возможно, через пару лет это уже будет не шутка...
Читать полностью…
Считаешь себя экспертом в IT? Участвуй в «Цифровом марафоне» от Сбера и «Школы 21» и будь на код впереди! Миллион рублей уже ждёт тебя.
В этом масштабном конкурсе ты будешь соревноваться со специалистами по всей России. Тройка лучших поделит в финале в Москве призовой фонд в 1,8 миллионов рублей.
Но сначала нужно пройти онлайн-игру, тестирование и цифровой диктант. Начнёшь с «разминки» и покажешь свои аналитические и мягкие навыки. Далее — ответь на вопросы теста согласно своему уровню подготовки. Прослушай на диктанте техническое задание и напиши код решения.
Поспеши: 20 апреля — твой последний шанс нажать на кнопку «Хочу участвовать». Переходи на сайт и регистрируйся прямо сейчас!
Реклама
Если пропустили, тут Хабр запустил тёмную тему. Но нам интересен не сам факт, а то, что там под капотом и за кулисами.
Как решили делать тёмную тему, зачем понадобилось перерисовать 135 иконок и какие еще сложности возникли на пути — команда Хабра рассказала в статье: https://habr.com/ru/companies/habr/articles/805131/
#дизайн
Мощь декораторов TypeScript на живых примерах: декорирование методов класса
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
Как правильно называть программиста, а как — неправильно?
Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?
Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?
#обсуждение
В Твиттере смеются над тем, как браузер Edge на каждом этапе установки Chrome пытается уговорить пользователя остаться.
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
Держите инструкцию, которая поможет вырасти до тимлида:
Шаг 1. Станьте инициативным и проактивным на работе.
Шаг 2. Развивайте свою насмотренность.
Шаг 3. Постоянно изучайте новое.
Другие четыре шага найдёте в статье Росбанка. В ней фронтенд-лид одной из IT-команд банка рассказывает свою историю карьерного роста и делится планом действий, который поможет разработчику вырасти до тимлида в кратчайшие сроки.
Читайте и берите на заметку!
Реклама
Попасть в Яндекс за выходные — реально
18–19 мая приходите на Weekend Offer Frontend. Для этого нужно зарегистрироваться и решить одну задачу в Контесте. После вы сможете за 2 дня пройти технические секции, познакомиться с нанимающими командами и получить офер в интересный проект.
В мероприятии участвуют 13 команд: Поиск, E-com Поиска, Реклама, Бизнес, Cloud, 360, Игры, Умный дом, Путешествия, Аренда, Недвижимость, Авто.ру и Авто.ру Бизнес. Вы сможете поговорить с ребятами и узнать, как работается в проектах. Если всё сложится хорошо — сразу же получите офер.
Помогаем релоцироваться по РФ, нанимаем в офисы по всей стране.
Узнать подробности и зарегистрироваться можно здесь.
Реклама. ООО "Яндекс". ИНН 7736207543
Полезная библиотека для понимания работы JS
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
Годных codepen-проектов вам в ленту: Video To ASCII Art — анимация превращения коротких видео в ASCII-арт. Проект реализован с помощью CSS и JavaScript.
Исходники: https://codepen.io/konstantindenerz/pen/YzgRQZj
#codepen @tproger_web
Разработайте приложение на Java за 4 занятия, даже если никогда не программировали — на бесплатном курсе «Основы разработки на Java».
Язык программирования Java — универсальный и мощный язык, на котором пишут сайты, интернет-магазины, приложения, даже Telegram-ботов. А в разработке Android-приложений Java наряду с родственным ему Kotlin считается главным языком программирования. Это перспективный язык программирования, который подойдёт тем, кому важна надёжность и стабильность кода.
Если сейчас вы выбираете язык программирования для изучения, вы можете присмотреться к Java. На бесплатном курсе «Основы разработки на Java» вы изучите основы синтаксиса языка Java, а в качестве практики разработаете приложение для публикации фото из NASA и перепишете его под Telegram API. Для обучения на курсе не обязательно иметь опыт в программировании.
Записаться на бесплатный курс
Реклама. ООО "Нетология". Erid LatgBnQkx
Мега-учебник Flask
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
«Продуктовый подход к пет-проекту или как я разработал музыкальное веб-приложение»
В статье автор рассказывает, как создавал стриминговое веб-приложение и что будет, если смотреть на пет-проект не как на лабораторную работу, а как на будущий продукт: https://habr.com/ru/articles/803673/
#карьера #петпроект
Сможете разгадать тайны Гиперкуба?
Проявите смекалку и примените ИТ-скиллы на Tinkoff CTF — соревновании по спортивному хакингу. Победителям — призы до 420 000 ₽. Вот как все устроено:
— Выберите лигу: опытных или новых игроков. Задания рассчитаны на ИТ-специалистов уровня мидл и выше. Если играете впервые, можете потренироваться с демоверсией заданий.
— Соревнуйтесь в одиночку или командой до трех человек. Организаторы помогут найти команду, если нет своей.
— Играйте онлайн или офлайн — в одном из 16 городов России, Беларуси и Казахстана.
— Используйте время на решение заданий или общение с участниками — у вас будет 36 часов.
Задания будут интересны разработчикам, QA- и SRE-инженерам, аналитикам и другим опытным ИТ-специалистам.
Зарегистрируйтесь до 19 апреля и пробуйте свои силы
Реклама. АО "Тинькофф Банк", ИНН 7710140679, лицензия ЦБ РФ № 2673, erid:2VtzqwcdpBy
Разработчики JavaScript придумывают, логическое объяснение того, что сортировка [6, -2, -7, 9].sort() выдает [-2, -7, 6, 9], а не [-7, -2, 6, 9]:
Читать полностью…
Разработчики выпустили Cally — библиотеку UI-компонентов календаря
Разработчики опубликовали на GitHub компактную библиотеку многофункциональных компонентов календаря. Код Cally написан на TypeScript и опубликован в открытом репозитории: https://github.com/WickyNilliams/cally
В календаре можно выбирать отдельные даты, недели и отображать сразу несколько месяцев на экране. Для внедрения доступны пользовательские стили дизайна.
Библиотека не зависит от фреймворков и прост в использовании, в проекте не используются сторонние библиотеки и компоненты, а набор не навязывает конкретную структуру DOM. Пакет весит всего 9 КБ при сжатии в Gzip.
Библиотеку можно установить с помощью пакетного менеджера npm. В коде Cally доступно через импорт модуля или CDN:
<script type="module" src="https://unpkg.com/cally"></script>
#ui #design #инструменты
Как правильно называть программиста, а как — неправильно?
Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?
Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?
#обсуждение
Каждый день мы просыпаемся и идём к компьютеру писать код, однако скоро майские праздники и придётся сделать сложный выбор между любимым делом и шашлыком.
И чтобы хоть немного накинуть очков написанию кода, HTML Academy запускает телеграм-игру «Код сурка», чтобы вы могли блеснуть знаниями в веб-разработке и получить за это ценные призы.
Забрать их легко — достаточно отвечать на вопросы о веб-разработке (их будет аж 528) и набирать баллы за правильные ответы. Чем выше вы вскарабкаетесь в рейтинге — тем круче призы.
К слову о них:
— 1 место — профессия «Фронтенд-разработчик» или «JavaScript-разработчик» на выбор (в ускоренном формате).
— 2-3 место — фронтенд- или UI-инженерия, или любой из курсов для новичков на выбор.
— 4-10 место — любой мидловый или джуновый курс на выбор.
— 11-30 место — доступ к тренажёрам до конца июня 2024 г.
— 31-100 место — доступ к тренажёрам до конца мая 2024 г.
Ну и не менее приятное — все участники акции получат скидки на все продукты Академии.
Присоединяйтесь.
Реклама
Вот так вот делай и веб-приложение от нативного не отличишь:
@tproger_web
Милый комикс о работе HTTPS
Комикс объяснит даже самым начинающим, зачем нужен HTTPS и как он работает. Тут также рассказывают о SSL, TLS и центрах сертификации — всё это с милыми животными и объяснениями на пальцах.
Ссылка на комикс
@prog_point
JavaScript-разработчик, когда прошло уже больше 10 минут, а новый JS-фреймворк ещё не появился:
Читать полностью…
В такие моменты важно говорить уверенно: да, было!
Если вы давно хотите сменить грейд, харды на хорошем уровне, но всё не выходит — скорее всего дело в софт-скилах.
Мы узнали у сеньоров и тимлидов более 10 методов, которые помогут качественно работать с коллегами и перейти на следующую карьерную ступень.
Реклама
Все: PHP-разработчики скоро останутся без работы, язык умирает.
Тем временем разработчики на PHP:
Годных инструментов в ленту: Screenshot to Code — тулз для конвертирования скринов, Figma-шаблонов и мокапов в чистый код.
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный.
#инструменты #дизайн
Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
