Как сделать сайт доступнее: инструменты accessibility, которые вы можете внедрить прямо сейчас
При создании современных веб-сайтов разработчики фокусируются на сроках, дизайне и производительности, ставя доступность на второй план. Но проблемы с доступностью касаются не только людей с инвалидностью.
А ведь решить их на самом деле не так уж сложно, как кажется. Мы подготовили статью, где рассмотрели инструменты, которые помогут вам превратить сложные требования к доступности в понятные и автоматизируемые задачи.
#a11y #фронтенд
При создании современных веб-сайтов разработчики фокусируются на сроках, дизайне и производительности, ставя доступность на второй план. Но проблемы с доступностью касаются не только людей с инвалидностью.
А ведь решить их на самом деле не так уж сложно, как кажется. Мы подготовили статью, где рассмотрели инструменты, которые помогут вам превратить сложные требования к доступности в понятные и автоматизируемые задачи.
#a11y #фронтенд
🔥6
Современный способ разработки серверов на JS
Ели вы когда-нибудь заходили на главную страницу Node, то наверняка видели этот кусок кода с картинки. Это самый простой веб-сервер, с которого сегодня начинается почти каждый сервер, написанный на JS. Да, это всё может быть прикрыто фреймворком, но по сути, все такие сервера делают примерно одно и то же.
Но сегодня существует более современный способ создания сервера, которому не нужно привязываться к сокету. О нём в этой статье.
#nodejs #javascript #бэкенд
Ели вы когда-нибудь заходили на главную страницу Node, то наверняка видели этот кусок кода с картинки. Это самый простой веб-сервер, с которого сегодня начинается почти каждый сервер, написанный на JS. Да, это всё может быть прикрыто фреймворком, но по сути, все такие сервера делают примерно одно и то же.
Но сегодня существует более современный способ создания сервера, которому не нужно привязываться к сокету. О нём в этой статье.
#nodejs #javascript #бэкенд
👍7🗿4❤1
5 технологий, которые через три года станут стандартом для бэкенда: прогноз на основе данных
Мир бэкенда стремительно меняется под влиянием искусственного интеллекта, облачных платформ и новых парадигм разработки. Через три года эти технологии превратятся из модных трендов в привычные инструменты каждого разработчика.
На основе анализа отчётов Gartner, Stack Overflow Developer Survey и открытых данных GitHub мы выделили пять ключевых технологий, которые определят стандарты бэкенд-разработки к 2028 году.
#бэкенд
Мир бэкенда стремительно меняется под влиянием искусственного интеллекта, облачных платформ и новых парадигм разработки. Через три года эти технологии превратятся из модных трендов в привычные инструменты каждого разработчика.
На основе анализа отчётов Gartner, Stack Overflow Developer Survey и открытых данных GitHub мы выделили пять ключевых технологий, которые определят стандарты бэкенд-разработки к 2028 году.
#бэкенд
❤4🔥1😁1
Forwarded from Типичный программист
Парень поднял веб-сервер на одноразовом вейпе
🔘 Казалось бы — просто вейп, а внутри уже ставят ARM-микроконтроллеры. Энтузиаст запустил на этом чипе настоящий HTTP-сервер, который принимает запросы, отдаёт странички и даже шлёт JSON — всё это на 3 КБ RAM и 24 КБ флеш-памяти, без сетевого интерфейса, Wi-Fi или Ethernet.
🔘 Данные прогоняются через дебаг-интерфейс, pyOCD, socat и старый добрый SLIP — в итоге микроконтроллер регистрируется как полноценный IP-узел в сети.
🔘 TCP/IP-стек — минималистичный uIP, но при этом сервер после оптимизации получился довольно шустрым: страница загружается за 160 мс. Ещё раз, всё это в 24 КБ памяти и 3 КБ RAM.
Достойный приемник Doom по уровню проклятости
Достойный приемник Doom по уровню проклятости
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15😁4👍1
Вам больше не нужен JavaScript
И не потому, что вы будете писать на другом языке. Просто сегодня CSS и HTML могут заменить значительную часть JS-кода. Здесь собраны интересные решения CSS, которые сегодня отлично работают и освобождают вас от необходимости подтягивать различные JS-файлы.
Подробнее.
#фронтенд #безопасность #javascript #css
И не потому, что вы будете писать на другом языке. Просто сегодня CSS и HTML могут заменить значительную часть JS-кода. Здесь собраны интересные решения CSS, которые сегодня отлично работают и освобождают вас от необходимости подтягивать различные JS-файлы.
Подробнее.
#фронтенд #безопасность #javascript #css
😁28👍6❤2💩1
WebAssembly выходит за пределы браузера: серверные и embedded-применения
WebAssembly (WASM) создавался, как безопасная, эффективная и портируемая платформа для компиляции высокоуровневых языков. для работы в браузере. Но сегодня он набирает всё большие обороты и уже выходит за привычные границы. Теперь его можно использовать и для серверных задач, и для бессерверных архитектур.
Как это работает, зачем нужно и что сулит, мы разобрали в статье.
#wasm
WebAssembly (WASM) создавался, как безопасная, эффективная и портируемая платформа для компиляции высокоуровневых языков. для работы в браузере. Но сегодня он набирает всё большие обороты и уже выходит за привычные границы. Теперь его можно использовать и для серверных задач, и для бессерверных архитектур.
Как это работает, зачем нужно и что сулит, мы разобрали в статье.
#wasm
🔥1
Forwarded from Код найма
Оффер во фронтенде в 2025: как получить и не облажаться ❓
История Дмитрия Борцова и Ярослава Грачёва — это иллюстрация того, что даже в перегретом и избирательном рынке фронтенда можно найти своё место. Ключ к успеху — не только в технической базе, но и в умении правильно упаковать опыт, показать насмотренность и держать фокус на том, что важно работодателю.
Вместе с редакцией мы упаковали кейс Ярослава в полноценную статью. Она будет полезна всем специалистам, от мала до велика: джун узнает, что должен уметь фронтендер в 2025 году; мидл или сеньор поймет, в какую сторону ему менять свое мышление, чтобы просить на собеседованиях больше.
Если вы хотите повторить опыт Ярослава — обращайтесь к Диме за менторством. У него за плечами 15 лет в индустрии, команды в управлении и супер душевный вайб в общении.
История Дмитрия Борцова и Ярослава Грачёва — это иллюстрация того, что даже в перегретом и избирательном рынке фронтенда можно найти своё место. Ключ к успеху — не только в технической базе, но и в умении правильно упаковать опыт, показать насмотренность и держать фокус на том, что важно работодателю.
Вместе с редакцией мы упаковали кейс Ярослава в полноценную статью. Она будет полезна всем специалистам, от мала до велика: джун узнает, что должен уметь фронтендер в 2025 году; мидл или сеньор поймет, в какую сторону ему менять свое мышление, чтобы просить на собеседованиях больше.
Если вы хотите повторить опыт Ярослава — обращайтесь к Диме за менторством. У него за плечами 15 лет в индустрии, команды в управлении и супер душевный вайб в общении.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4🗿4❤1👍1
Разработчик объяснил, почему React тормозит развитие фронтенда
React, один из самых популярных JavaScript-фреймворков, перестал побеждать за счет технических преимуществ и теперь «побеждает по умолчанию» просто потому, что он более привычный и его все знают. Но это убивает конкуренцию и мешает развитию альтернатив, которые предлагают более актуальные и эффективные решения.
К такому выводу пришёл разработчик Лорен Стюарт. И в качестве решения этой проблемы предлагает не двигаться по инерции, а оценивать реальные требования проекта, выбирая инструмент под конкретную задачу. Иначе, по его мнению, экосистема будет развиваться гораздо медленнее, чем могла бы.
Что думаете по этому поводу? Согласны или нет?
#react
React, один из самых популярных JavaScript-фреймворков, перестал побеждать за счет технических преимуществ и теперь «побеждает по умолчанию» просто потому, что он более привычный и его все знают. Но это убивает конкуренцию и мешает развитию альтернатив, которые предлагают более актуальные и эффективные решения.
К такому выводу пришёл разработчик Лорен Стюарт. И в качестве решения этой проблемы предлагает не двигаться по инерции, а оценивать реальные требования проекта, выбирая инструмент под конкретную задачу. Иначе, по его мнению, экосистема будет развиваться гораздо медленнее, чем могла бы.
Что думаете по этому поводу? Согласны или нет?
#react
👍21💩4🤯3👎1🗿1
Что такое call, apply и bind в JS?
Пишите своё понимание в комментариях. А правильный ответ ниже.
call, apply и bind — это методы функций в JavaScript, которые позволяют управлять тем, каким будет значение this при вызове.
➡️ call вызывает функцию сразу и передаёт ей аргументы обычным списком.
➡️ apply тоже вызывает функцию сразу, но аргументы принимает в виде массива.
➡️ bind отличается тем, что не вызывает функцию сразу, а создаёт её копию с заранее «привязанным» контекстом. Эту копию можно вызвать позже.
Если коротко: call и apply нужны для разового вызова функции с определённым контекстом, а bind — чтобы закрепить контекст и использовать его повторно.
#вопросответ
Пишите своё понимание в комментариях. А правильный ответ ниже.
Если коротко: call и apply нужны для разового вызова функции с определённым контекстом, а bind — чтобы закрепить контекст и использовать его повторно.
#вопросответ
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🤔3❤1
Media is too big
VIEW IN TELEGRAM
Практика JavaScript: делаем целый сайт за 2 часа с нуля
Ловите полезный двухчасовой курс по созданию сайта с JavaScript, где вы:
— напишите с нуля приложение, которое сможете добавить в портфолио;
— научитесь настраивать рабочее окружение;
— поймёте зачем на самом деле нужны классы в JavaScript);
— разберётесь как принципы SOLID помогают писать расширяемый и поддерживаемый код;
— поработаете над оптимизацией приложения;
— задеплоите приложение на хостинг и сделаете многое другое.
Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка: youtu.be/0ViiJ8qTCFM
#видео #курс #javascript
Ловите полезный двухчасовой курс по созданию сайта с JavaScript, где вы:
— напишите с нуля приложение, которое сможете добавить в портфолио;
— научитесь настраивать рабочее окружение;
— поймёте зачем на самом деле нужны классы в JavaScript);
— разберётесь как принципы SOLID помогают писать расширяемый и поддерживаемый код;
— поработаете над оптимизацией приложения;
— задеплоите приложение на хостинг и сделаете многое другое.
Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка: youtu.be/0ViiJ8qTCFM
#видео #курс #javascript
🔥4❤1
Какие 4 CSS-свойства вы используете чаще всего?
У всех разные привычки и способы стилизации элементов. Ребята из CSS-TRICKS задумались на тему «чтобы ты взял с собой на необитаемый остров...», но только с поправкой на CSS. Каждый выбрал свои 4 CSS-свойства, без которых не представляет свою вёрстку.
Почитать об их выборе можно здесь. А вы напишите свои варианты и расскажите почему именно так.
#css #фронтенд #обсуждение
У всех разные привычки и способы стилизации элементов. Ребята из CSS-TRICKS задумались на тему «чтобы ты взял с собой на необитаемый остров...», но только с поправкой на CSS. Каждый выбрал свои 4 CSS-свойства, без которых не представляет свою вёрстку.
Почитать об их выборе можно здесь. А вы напишите свои варианты и расскажите почему именно так.
#css #фронтенд #обсуждение
CSS-Tricks
What're Your Top 4 CSS Properties? | CSS-Tricks
Everyone has a different opinion which is great because it demonstrates the messy, non-linear craft that is thinking like a front-end developer.
👍1🔥1
Node.js фреймворки, или Туда и обратно
Нашёл годный доклад Андрея Мелихова о Node.js фреймворках, который не теряет своей полезности.
В этом видео он порассуждал на эту тему. Посмотрите, будет полезно.
#доклад #nodejs
Нашёл годный доклад Андрея Мелихова о Node.js фреймворках, который не теряет своей полезности.
За годы разработок enterprise-приложений на Node.js я использовал Express, Nest.js и AWS-лямбды. У каждого подхода есть свои плюсы и минусы, и все они остаются актуальными, но ни одно из этих решений не стало золотым стандартом, и каждый раз, стартуя разработку нового приложения, мы сталкиваемся с выбором — на чём же нам писать. Пора ли забыть навсегда Express? Так ли хорош Nest.js, как рекламирует его автор, и не пора ли уйти на FaaS-решения?
В этом видео он порассуждал на эту тему. Посмотрите, будет полезно.
#доклад #nodejs
👍1🔥1
Получаем оффер во фронтенде в 2025 году
Как сделать всё красиво и не облажаться.
Рынок найма в 2025 году платит хорошо, но выборочно. Мы подготовили разбор кейса с экспертами, которые помогли кандидату выйти на зарплату в 380 000.
В материале вы найдёте советы по резюме, переговорам и навыкам, анализ рынка и разбор типичных ошибок.
Как сделать всё красиво и не облажаться.
Рынок найма в 2025 году платит хорошо, но выборочно. Мы подготовили разбор кейса с экспертами, которые помогли кандидату выйти на зарплату в 380 000.
В материале вы найдёте советы по резюме, переговорам и навыкам, анализ рынка и разбор типичных ошибок.
🔥6❤3
Бросаем кости на рандом с CSS random()
Как вы могли догадаться из заголовка, в CSS появилась функция random(), которая позволяет генерировать случайные значения для ваших стилей — позиции, цвета, размера и так далее.
Попробовать пока что её можно в Safari Technology Preview. А узнать о ней подробнее и посмотреть как же всё-таки кидать с помощью неё кости, можно в статье: https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
#css
Как вы могли догадаться из заголовка, в CSS появилась функция random(), которая позволяет генерировать случайные значения для ваших стилей — позиции, цвета, размера и так далее.
Попробовать пока что её можно в Safari Technology Preview. А узнать о ней подробнее и посмотреть как же всё-таки кидать с помощью неё кости, можно в статье: https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
#css
🔥7👍3🤩1
Forwarded from Точка входа в программирование
Если вкратце, то:
💊 — если сидишь уже дольше 2 часов не вставая
@prog_point #здровье
Please open Telegram to view this post
VIEW IN TELEGRAM
🫡6👍2