Когда тебя приняли на позицию Java-разработчика, хотя ты в резюме указывал, что ты JavaScript-разработчик

Гайд по настройке Webpack 5 на русском

В гайде вы найдёте инструкцию по базовой настройке и узнаете о работе с плагинами. Также есть примеры создания конфигураций для прода и разработки.

Узнайте, как использовать вебпак для сборки JavaScript, изображений, шрифтов и стилей, а также как запускать сервер для разработки:

https://tprg.ru/QAve

#webpack

​Порядок выполнения скриптов в HTML и как работает тег <script>

Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег <script> в зависимости от атрибутов. Ловите шпаргалку и статью с подробным объяснением:

https://tprg.ru/hCQ6

#фронтенд #html #javascript

.входная_дверь { margin-top: 84in }

​Dev-команда Tproger расширяется, и нам нужны fullstack веб-разработчики Middle+

Предстоит улучшать внешний вид и производительность сайта, разрабатывать фичи, связанные с личным кабинетом, а также мигрировать код с PHP на TypeScript и Svelte и покрывать его тестами.

Что надо уметь:
– работать со Svelte, Node.js, Socket.IO;
– понимать CI/CD процессы;
– работать с паттернами.

Мы предлагаем:
– от 70 до 200 тысяч рублей на руки;
– офис в Москве или удалённо.

Подробности: https://tprg.ru/4Izy

Очередная статья о применении CSS Grid, только теперь это не стандартное размещение вертикальных и горизонтальных прямоугольников, а сетка, заполненная ромбами.

Инструкция по построению и подробное объяснение:
https://tprg.ru/2FG6

А здесь можно посмотреть результат:
https://tprg.ru/YRWt

#фронтенд #css

​Настройка сервера для сайта — инструкция от Tproger

Делимся опытом по настройке веб-сервера на базе Linux и рассказываем о неочевидных моментах, которых нет в стандартных инструкциях:

https://tprg.ru/GEfy

#бэкенд #linux

Тяжелы будни веб-разработчика

Счастливого Хэллоуина! 🎃

Держите подборку прикольных тематических пенов:
https://tprg.ru/WCSa

#фронтенд

​Краткая шпаргалка по jQuery

В статье перечислены основные методы по работе с селекторами, атрибутами CSS, манипуляции с DOM, события и другие способы использования библиотеки:

https://tprg.ru/fAtU

#фронтенд #jquery

Интересные демки, написанные с минимальным количеством JS-кода:

https://tprg.ru/XRUM

#javascript

​Клиент: «Хотелось бы оставить наш старый фреймворк. Да, конечно, он старый, но зато юзер-френдли».
Тот самый фреймворк клиента:

10 советов для эффективного использования Vue.js

Автор статьи делится основными фичами фреймворка, среди которых:

— Сокращённый синтаксис слотов.
— Функция $on(‘hook:’) для определения слушателя событий в хуке.
— Валидация props.
— Динамические аргументы директивы.
— Повторное использование компонента для одного и того же маршрута.
— Все свойства от родителя ребёнку.
— Все слушатели событий от родителя ребёнку.
— $createElement для создания виртуальных узлов.
— Использование препроцессора JSX.
— Настройка v-model.

Рекомендации сопровождаются понятными примерами:
https://tprg.ru/640V

#фронтенд #vuejs

​7 Spring-модулей для Java

Разобрались с характеристиками и сферой применения, дали перечень материалов с гайдами и примерами по каждому из модулей. В список вошли:

— Spring Boot
— Spring Data
— Spring Cloud
— Spring Cloud Data Flow
— Spring Security
— Spring Integration
— Spring Batch

Также вскользь затронули Spring for Android, Spring CredHub и Spring LDAP.

Подробнее в статье: https://tprg.ru/KozE

#spring

IT Юмор — канал с мемами, понятными только программистам.

Подписывайтесь, если шарите в этом: @ithumor

Пранк, вышедший из-под контроля

Untrusted — игра для изучения JavaScript

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

https://tprg.ru/6eA0

А до какого уровня дошли вы?

#javascript

​7 советов по увеличению скорости работы сайта

Статья, из которой вы узнаете, как сделать сайт «шустрее»:

https://tprg.ru/CEjF

В материале собраны не только практические советы, но и полезные тулзы для аудита и комплексной оптимизации веб-ресурса, в том числе под мобильные устройства. Попробуйте применить всё это на практике, и вы быстро увидите результат.

Знаете другие способы? Поделитесь в комментариях под статьёй.

#оптимизация

Уважаемые HR-ы, если вы ищете кого-то с навыками:
— Java, Python, PHP
— React, Angular
— PostgreSQL, Redis, MongoDB
— AWS, S3, EC2, ECS, EKS
— *nix администрирование
— git
— Docker, Kubernetes

Запомните, это не фулл-стек разработчик.
Это целый IT-департамент.

Хоррор-квест на HTML + CSS

Джейми Коултер написал полноценный сюжетный квест в Codepen, не использовав при этом ни строчки на JavaScript.

Логика игры построена на CSS с применением чекбоксов и радиобаттонов, скрытых за визуальными элементами окружения. Переход между комнатами также осуществляется с помощью нажатия на чекбоксы: в момент клика текущая картинка сменяется другой.

Суть квеста — узнать шокирующую правду о произошедшем.

Сама игра: https://tprg.ru/zQ8d
Подробный разбор на русском: https://tprg.ru/6Gkx

#css #фронтенд

10 консольных команд для упрощения отладки JavaScript-кода

Отладка — не самый интересный процесс, но по крайней мере есть несколько приёмов, которые помогут сделать его чуточку проще. Обратите внимание на десять консольных команд из нашей статьи:

https://tprg.ru/Ht8N

#javascript