Создаём портфолио в формате 2D-игры на JavaScript
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom
#javascript
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom
#javascript
Когда уронил всю инфраструктуру компании, но большинство коллег благодарны тебе за внеплановый выходной:
Не верьте тем, кто говорит, что PHP умирает и вот почему
В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.
На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty
@tproger_web #php #тренды #карьера
В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.
На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty
@tproger_web #php #тренды #карьера
Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Мега-учебник Flask
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
Годных инструментов в ленту: Screenshot to Code — тулз для конвертирования скринов, Figma-шаблонов и мокапов в чистый код.
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный: https://screenshottocode.com/
#инструменты #дизайн
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный: https://screenshottocode.com/
#инструменты #дизайн
Годных codepen-проектов вам в ленту: Video To ASCII Art — анимация превращения коротких видео в ASCII-арт. Проект реализован с помощью CSS и JavaScript.
Исходники: https://codepen.io/konstantindenerz/pen/YzgRQZj
#codepen @tproger_web
Исходники: https://codepen.io/konstantindenerz/pen/YzgRQZj
#codepen @tproger_web
Полезная библиотека для понимания работы JS
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
JavaScript-разработчик, когда прошло уже больше 10 минут, а новый JS-фреймворк ещё не появился:
Forwarded from Точка входа в программирование
Милый комикс о работе HTTPS
Комикс объяснит даже самым начинающим, зачем нужен HTTPS и как он работает. Тут также рассказывают о SSL, TLS и центрах сертификации — всё это с милыми животными и объяснениями на пальцах.
Ссылка на комикс
@prog_point
Комикс объяснит даже самым начинающим, зачем нужен HTTPS и как он работает. Тут также рассказывают о SSL, TLS и центрах сертификации — всё это с милыми животными и объяснениями на пальцах.
Ссылка на комикс
@prog_point
В Твиттере смеются над тем, как браузер Edge на каждом этапе установки Chrome пытается уговорить пользователя остаться.
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
Мощь декораторов TypeScript на живых примерах: декорирование методов класса
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
Как правильно называть программиста, а как — неправильно?
Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?
Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?
#обсуждение
Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?
Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?
#обсуждение
Если пропустили, тут Хабр запустил тёмную тему. Но нам интересен не сам факт, а то, что там под капотом и за кулисами.
Как решили делать тёмную тему, зачем понадобилось перерисовать 135 иконок и какие еще сложности возникли на пути — команда Хабра рассказала в статье: https://habr.com/ru/companies/habr/articles/805131/
#дизайн
Как решили делать тёмную тему, зачем понадобилось перерисовать 135 иконок и какие еще сложности возникли на пути — команда Хабра рассказала в статье: https://habr.com/ru/companies/habr/articles/805131/
#дизайн
Разработчики выпустили 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 #инструменты
Разработчики опубликовали на 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 #инструменты