IT Верстальщик
1.27K subscribers
50 photos
1 video
239 links
Авторский блог про веб-разработку

Подборки сервисов, статей и новостей в мире front-end и back-end

Для рекламы: @devtgram
Download Telegram
State of JavaScript 2022

Вышел полный отчет про JavaScript за прошлый год.

В опросе участовали почти 40 000 разработчиков и из него вы можете узнать про актуальное состояние любимого языка.

Для себя отметил несколько интересных тенденций:

1. Неудовлетворенность от React растет и разработчики рассматривают альтернативные инструменты (Svelte, Solid, Qwik)
2. TypeScript теперь используют на проде чаще, чем JavaScript
3. Небинарный (гендерно-неконформный) гендер среди программистов встречается около 1.1% 😁
4. Vite постепенно заменяет Webpack

Многое рассказал в последнем ролике про тренды 2023

Узнать полный отчет по библиотекам, фреймворкам, зарплатам, разработчикам и в целом про всю экосистему JavaScript можете по ссылке ниже:

https://2022.stateofjs.com/ru-RU/
Please open Telegram to view this post
VIEW IN TELEGRAM
​​Redux и Vuex

Redux и Vuex – это две совершенно разные библиотеки или одно и то же в разной обертке? 

Управление состоянием:

И в документации Redux и в документации Vuex
можно найти очень похожие друг на друга фрагменты, объясняющие, зачем вам нужен один или второй инструмент.

Представьте, что у вас десятки компонентов, которым нужно как-то взаимодействовать. Часто данные меняются в одном месте, а используются в другом, весьма отдаленном.

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

Redux и Vuex созданы для решения одной и той же задачи – управления состоянием большого приложения. Возможно, они делают это принципиально разными способами.

На первый взгляд, подходы Vuex и Redux к изменению состояния принципиально отличаются. Редьюсеры и иммутабельность данных против мутаций. Разные концепции, разные понятия, но суть для разработчика одна: не лезь в данные напрямую, используй только разрешенные методы изменения. Redux несколько серьезнее относится к отсутствию сайд-эффектов, Vuex предоставляет несколько более интуитивный интерфейс.
​​В чем дело со SvelteKit?

SvelteKit - это фреймворк для создания web-приложений любых размеров, предлагающий прекрасный опыт разработки и гибкую маршрутизацию на основе файловой системы.

Создание приложения с учётом всех современных передовых практик — невероятно сложная задача. Эти практики включают в себя оптимизацию сборки, так что вы загружаете только минимальный необходимый код; поддержку работы без сетипредзагрузку данных страницы до того, как пользователь перейдет на следующую страницу; и настраиваемый рендеринг, который позволяет генерировать HTML на сервере или в браузере во время выполнения или во время сборки. Все эти скучные вещи SvelteKit сделает за вас, а вы можете сотредоточиться на творческой части проекта.

SvelteKit использует Vite вместе со Svelte plugin, что даёт множество возможностей и молниеносную разработку с горячей заменой модулей (HMR), где изменения вашего кода мгновенно отражаются в браузере.

Чтобы понять это руководство, знать Svelte не обязательно, но желательно. Если коротко, Svelte — это фреймворк, который компилирует ваши компоненты в высокооптимизированный ванильный JavaScript. Прочтите вводную статью в блоге Svelte и учебник Svelte, чтобы узнать о нём побольше.
​​React JS: Junior - Middle - Senior

Junior React разработчик:
- имеет опыт с базовыми концепциями React, такими как компоненты, состояние и пропсы
- может создавать простые одностраничные приложения с небольшим количеством компонентов
- знаком со многими общими библиотеками и инструментами React, такими как React Router и Redux.

Middle React разработчик:
- имеет опыт с дополнительными концепциями React, такими как хуки и контекст
- может создавать сложные одностраничные приложения с множеством компонентов и маршрутов
- знаком со многими общими библиотеками и инструментами React, такими как Redux и GraphQL
- может выполнять базовые тестирования с помощью Jest или Enzyme.

Senior React разработчик:
- имеет опыт с дополнительными концепциями React, такими как хуки и контекст
JavaScript c Нуля - Курс для начинающих с практикой [2023]

JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык. Приятного просмотра!

https://youtu.be/fcMcf_4PjfI
Вакансия: Frontend

В небольшую русскоязычную американскую компанию web-разработки требуется фронтендер на полный рабочий день. Можно без опыта работы. По результатам тестового задания и собеседования будет оплачиваемая стажировка 1-2 месяца за 30-40к рублей.

1. Должен знать/уметь/хотеть в:
  а)  вёрстку HTML5/css/scss
  б) JavaScript/JQuery
  в) WP
 
2. Опционально:
  а) React
  б) Vue.js
  в) Rails
  г) bitrix

В ЛС отвечу на вопросы, @IvZemch
Forwarded from Metaprogramming
Вкратце про забастовку Реддита

Модераторы-волонтёры сообществ реддита, возмущённые введением оплаты за доступ через API, что фактически отбирает возможность использовать сторонние приложения, ботов и т.п., закрыли доступ к сообществам. Администрация вроде как пошла в чём-то навстречу, одновременно заявив, что кому не нравится, тех лишим статуса модератора, а если в каких-то сообществах не останется ни одного, так наберём команду новых. Думаю, перетягивание одеяла туда-сюда может по разным поводам продолжаться долго (хотя надо было переполошиться раньше, как минимум когда начали блокировать "государственную пропаганду недружественных стран", как будто бы дело происходит не в цитадели демократии, а на восточноевропейской периферии).

Однако главная ошибка реддиторов в том, что они в целом думают, что они кому-то нужны. Массовые ориентированные на публичный контент интернет-сервисы двадцать лет своего развития пытались решить простую задачку:

1. Набираем десять миллионов (сто миллионов, миллиард, десять миллиардов) пользователей
2. Разбиваем их по интересам, организуем какую-то движуху-развлекуху
3. ???
4. ПРИБЫЛЬ

В качестве третьего пункта в разное время предлагалось (и в той или иной мере в настоящее время используется):

1. Продать базу данных "кто что сказал и кто с кем дружит" спецслужбам
2. Продать пол, возраст и список интересов пользователей рекламодателям
3. Продать одной политической партии возможность забанить другую

Худо-бедно с полуфиктивной отчётностью и подтасовками в небольшом количестве случаев нарисовать прибыль удалось. По факту же – бесполезно, нетто минус.

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

В действительности, разумеется, реддиторы никому не нужны. Для бизнеса это не актив, а пассив, бесплатно проедающий выделенные на них огромные производственные мощности и заметные производительные силы. А модераторы (к тому же "работающие" бесплатно, т.е. с точки зрения бизнеса буквально не дееспособные – с которыми технически невозможно договариваться) не нужны вдвойне. (И сам реддит, разумеется, не нужен, но мы как бы рассматриваем вопрос с другой позиции.)

Что нужно, так это успеть вытянуть хоть какую-то часть вложенных средств, для чего надо выгнать с платформы всех умных и политически активных (а особенно тех, кто одновременно сочетает эти два недостатка). Думаю, на цену бумаг при возможном IPO подобная политика скажется негативно только если её не довести до логического конца.
Forwarded from Ruby on Rails | rubyhub
❤️ RubyRussia 2023 - Online

🗓 Один день, 14 новейших докладов, запись в высоком разрешение - всё это RubyRussia’23. В конце сентября мы соберём рубистов со всей России и ближнего зарубежья, чтобы с ведущими разработчиками обсудить будущее нашего любимого языка и всего, что построено вокруг него.

Программу конфереции можете посмотреть в нашем телеграм канале



🗓 30 сентября с 11:00 до 21:00

Регистрация - участие бесплатно!
Ищем верстальщика!

О компании:
Небольшая русскоязычная компания Future Markt, занимаемся разработкой и поддержанием веб-приложений

Зарплатная вилка:
30000 - 40000 RUB

Тип работы:
Full-time

Тип занятости:
Удаленка

Описание вакансии:
Фронтенд разработчик, можно без коммерческого опыта. Нужно будет писать html, css по дизайну из Figma, писать js, иногда выполнять задачи в WP

Требования по позиции:
- HTML5
- SCSS
- JavaScript
- WP

Будет плюсом
- Bitrix
- Vue.js
- React
- Rails

Условия работы:
- Полностью удаленная работа
- Гибкий график
- Оформление по договору о предоставлении услуг
- Возможно оформление по ТК РФ
- ИП/самозанятость если планируете платить налоги
- После окончания стажировки пересмотр ЗП, в дальнейшем такой пересмотр каждые полгода

Контакты:
@IvZemch
Forwarded from Metaprogramming
"Как часто вы думаете о Римской Империи?"

Каждый день, каждый день...
Bun is a fast JavaScript
all-in-one toolkit


Разрабатывайте, тестируйте, запускайте и объединяйте проекты JavaScript и TypeScript — и все это с помощью Bun. Bun — это универсальная среда выполнения JavaScript и набор инструментов, разработанный для обеспечения скорости и дополненный сборщиком, средством запуска тестов и менеджером пакетов, совместимым с Node.js.

Install Bun v1.0.4
curl -fsSL https://bun.sh/install | bash

▶️ Bun is a JavaScript runtime.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Evil Martians
Tailwind CSS быстрый и простой, иначе не стал бы таким популярным инструментом. Но когда растет приложение, то и списки классов тоже, и однажды в код может прийти хаос. Статья Нины Торгунаковой поможет избежать такой ситуации: несколько полезных практик и вы всегда на высоте с Tailwind CSS!

https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css
Bun заменит Node.js? Мы так не думаем

Bun обещает нам решить проблемы, которыми недовольны разработчики, использующие Node.js. Но так ли всё радужно и стоит ли рассчитывать на новую технологию, как на спасательный круг? разбираемся в этом коротком ролике.

▶️ https://www.youtube.com/watch?v=Ulx82rlP6Go
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Где TypeScript проявляет себя?

TypeScript – мощный инструмент, который добавляет статическую типизацию к JavaScript и делает мир разработки ПО более надежным и удивительным.

1️⃣ Веб-разработка: Вероятно, одно из наиболее ярких мест, где TypeScript показывает свою магию. Этот инструмент становится спасением для фронтенд-разработчиков, улучшая код на этапе компиляции, помогая избежать ошибок и создавая мощные веб-приложения.

2️⃣ Node.js: Если вы занимаетесь серверной разработкой с использованием Node.js, то TypeScript также может стать вашим верным спутником. Множество популярных библиотек и фреймворков имеют типизацию TypeScript, что делает серверную разработку более предсказуемой и удобной.

3️⃣ Мобильная разработка: TypeScript поддерживается кросс-платформенными фреймворками, такими как React Native и NativeScript. Статическая типизация помогает создавать надежные мобильные приложения для разных платформ.

4️⃣ Мир игр: Да, TypeScript даже завоевал место в игровой индустрии. Множество игровых движков и инструментов разработки поддерживают TypeScript, что облегчает создание игр и повышает их качество.

5️⃣ Облачные решения: Если вы разрабатываете облачные приложения и микросервисы, то TypeScript может стать вашим верным спутником. Статическая типизация облегчает создание масштабируемых и надежных решений.

6️⃣ Электроника и робототехника: Но это еще не всё! TypeScript используется и в разработке программного обеспечения для роботов, встраиваемых систем и многих других футуристических областях.

В итоге, TypeScript - это многоцелевой инструмент, который помогает в разработке ПО в разных областях. Он увеличивает производительность, уменьшает количество ошибок и делает код более читаемым.
Please open Telegram to view this post
VIEW IN TELEGRAM
Открой для себя Ruby и Ruby on Rails

Если веб-разработка - твой выбор, то Ruby и Ruby on Rails могут предложить нечто особенное. Ruby - это простой и выразительный язык программирования, а Rails - его фреймворк для веб-разработки.

Почему Ruby и Rails?

Быстрое развертывание проектов: С Ruby и Rails проекты можно создавать быстро, благодаря готовым решениям и удобному синтаксису.

Меньше конкуренции: Среди веб-разработчиков Ruby менее популярен, что означает меньшую конкуренцию на рынке труда.

Высокие зарплаты: Из-за специфики рынка Ruby-разработчиков, зарплаты в этой области могут быть выше среднего.

Хочешь узнать больше?
👉 Присоединяйся к RubyHub

Исследуй мир Ruby и Rails и открой новые возможности в веб-разработке. 💻
Forwarded from Backend-Мастер
📺 GitVerse Российская платформа для работы с исходным кодом, Новый убийца GitHub?

💻 💳 GitVerse - это открытая платформа для совместной работы над проектами, основанная на Git и использующая технологию блокчейн. Она была создана для того, чтобы обеспечить безопасное и прозрачное хранение данных, а также упростить процесс разработки и управления проектами.
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 20 лучших курсов по React JS (Javascript) 2023-2024 года

React JS — это JavaScript-библиотека для создания пользовательских интерфейсов. Его основная цель состоит в разделении пользовательского интерфейса на отдельные компоненты, которые могут быть повторно использованы и эффективно обновляться при изменении данных.
Please open Telegram to view this post
VIEW IN TELEGRAM
5 Пет-проектов с использованием TypeScript

1. Простое веб-приложение для управления задачами
2. RESTful API с Express и TypeScript
3. Простое приложение для работы с данными с использованием TypeScript и Vue.js
4. Простой блог с использованием TypeScript и TypeORM
5. Простая игра "Крестики-нолики" с TypeScript и Canvas

Почему стоит использовать TypeScript в этих задачах?

1. Простое веб-приложение для управления задачами: TypeScript обеспечивает статическую типизацию, что упрощает обнаружение ошибок и повышает надежность кода.

2. RESTful API с Express и TypeScript: TypeScript позволяет определять типы данных для запросов, ответов и промежуточных данных, что делает код более понятным и безопасным.

3. Простое приложение для работы с данными с использованием TypeScript и Vue.js: TypeScript помогает обнаруживать ошибки и предоставляет интуитивно понятные подсказки во время разработки приложений на Vue.js.

4. Простой блог с использованием TypeScript и TypeORM: TypeScript позволяет определять типы данных для моделей и запросов к базе данных, что обеспечивает безопасное взаимодействие с базой данных.

5. Простая игра "Крестики-нолики" с TypeScript и Canvas: TypeScript позволяет определять типы данных для игровых объектов и событий, что делает код более читаемым и безопасным.
👩‍💻 10 Essential Tips для эффективной разработки React JS

1. Keep Components Simple. One of the core principles of React JS is to break down the UI into small, reusable components.
2. Use Pure Components.
3. Use PropTypes.
4. Use Functional Components.
5. Use State Effectively.
6. Use Hooks.
7. Use Context.
8. Use React Router.
9. Use Redux
10. Test Your Code
Please open Telegram to view this post
VIEW IN TELEGRAM