WebDEV
رفتن به کانال در Telegram
Сообщество веб-разработчиков. На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки. Ссылка: @Portal_v_IT Сотрудничество: @oleginc Канал на бирже: telega.in/c/webb_dev
نمایش بیشتر
8 202
مشترکین
-324 ساعت
-117 روز
-6330 روز
آرشیو پست ها
\n\nВ атрибуте src, желательно не указывать протокол вообще, тогда можно будет не заботиться о том http это или https.\n\nА что делать в том случае, если CDN от google вдруг стал недоступен? Самый простой вариант — подгрузить локальную копию jQuery.\n\n\n#optimization #jquery","datePublished":"2020-05-20T12:05:01Z","dateModified":"2020-05-20T12:05:01Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":11302}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/963","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/963","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/963","headline":"«React.js разработчик» - это хардкорный онлайн-курс про самый популярный JS-фреймворк для Frontend-разработки…","articleBody":"«React.js разработчик» - это хардкорный онлайн-курс про самый популярный JS-фреймворк для Frontend-разработки.\n\nСправитесь ли вы с уровнем курса? Покажет вступительный тест: https://otus.pw/pBef/\n\nВам точно стоит познакомиться с программой поближе, если вы:\n- JavaScript-разработчик с навыками HTML/CSS;\n- Backend-разработчик, желающий стать Fullstack;\n- Начинающий React-разработчик;\nИли просто используете/обожаете/хотите лучше узнать фреймворки и JS!","datePublished":"2020-05-19T13:35:00Z","dateModified":"2020-05-21T17:30:51Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/962","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/962","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/962","headline":"🛠 Voca — это очень мощная библиотека JavaScript для работы со строками. Библиотека Voca предлагает полезные ф…","articleBody":"🛠 Voca — это очень мощная библиотека JavaScript для работы со строками.\n\nБиблиотека Voca предлагает полезные функции, которые делают манипуляции со строками удобными: изменение регистра, обрезка, заполнение, усечение и многое другое. Модульная конструкция позволяет загружать всю библиотеку или отдельные функции, чтобы свести к минимуму ее применение. Библиотека полностью протестирована, хорошо документирована и поддерживается в течение длительного времени.\n\n🔍 Демо | 📂 GitHub\n\n#string #js","datePublished":"2020-05-19T12:27:02Z","dateModified":"2020-05-19T12:27:02Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8184}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/961","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/961","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/961","headline":"Что объединяет фотохостинг Pinterest и приложение для планирования Trello? Оба они написаны на JavaScript. Ес…","articleBody":"Что объединяет фотохостинг Pinterest и приложение для планирования Trello? Оба они написаны на JavaScript. \nЕсли английский — это основной язык современного мира, то JS — это основной язык современного интернета, ведь на нем написано большинство сайтов, которые вы посещаете каждый день.\n\nДля тех, кто хочет погрузиться в разработку сайтов и веб-приложений SkillFactory запустили курс «Frontend-разработчик». За 6 месяцев обучения вы освоите HTML, CSS, кроссбраузерную и адаптивную верстку, JavaScript и React и добавите в своё портфолио 6 проектов; дополнительный модуль про soft skills поможет подготовиться к собеседованиям.\n\nЗа время обучения вы создадите собственный сайт-визитку, разработаете аналог канбан-доски Trello и немного погрузитесь в backend.\n\n🎁Узнайте, как получить скидку на обучение: https://clc.to/fmfdWA","datePublished":"2020-05-18T13:18:22Z","dateModified":"2020-05-21T17:30:51Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/960","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/960","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/960","headline":"WebDEV","datePublished":"2020-05-16T10:05:12Z","dateModified":"2020-05-16T10:05:12Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8484}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/959","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/959","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/959","headline":"Выберите правильный вариант 👇🏼 #test","articleBody":"Выберите правильный вариант 👇🏼 #test","datePublished":"2020-05-16T10:05:12Z","dateModified":"2020-05-16T10:05:12Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8198}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/958","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/958","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/958","headline":"Будь в курсе происходящего в ИТ и приручи облачные инструменты! Первый шаг для этого — заглянуть в Telegram-б…","articleBody":"Будь в курсе происходящего в ИТ и приручи облачные инструменты! Первый шаг для этого — заглянуть в Telegram-блог «ИТ-ГРАД».\n\n🌩 новости ИТ: каких производителей HDD поймали на «вредительской» технологии и кто мечтает о «спящих» ЦОД;\n🌩 гайды и инструкции: как выбрать между терминальным сервером и VDI для удаленки, как рассчитать IOPS;\n🌩 анонсы полезных вебинаров для бизнеса, реальные кейсы и многое другое!\n\nПодписывайся, будет интересно!","datePublished":"2020-05-15T13:05:13Z","dateModified":"2020-05-19T16:25:43Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/957","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/957","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/957","headline":"🛠 ExcelJS — JS библиотека для чтения, записи данных, стилей и других манипуляций с электронными таблицами в X…","articleBody":"🛠 ExcelJS — JS библиотека для чтения, записи данных, стилей и других манипуляций с электронными таблицами в XLSX и JSON. Библиотека имеет очень богатый функционал с подробным описанием настроек.\n\n🔍 Демо | 📂 GitHub\n\n#js #table","datePublished":"2020-05-15T08:05:00Z","dateModified":"2020-05-15T08:05:00Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8389}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/956","url":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/956","mainEntityOfPage":"https://telemetr.io/fa/channels/1237716183-webb_dev/posts/956","headline":"💡Что учить фронтэндеру в этом году? Каждый год меняются тренды в разработке и выходит \"очередной\" фрэймворк н…","articleBody":"💡Что учить фронтэндеру в этом году?\n\nКаждый год меняются тренды в разработке и выходит \"очередной\" фрэймворк на js. Это лишает программиста свободного времени, ведь ему приходится учить и без этого много новой информации. \n\nЧто же учить в 2020 году?\nВ первую очередь изучайте английский язык, почти вся техническая документация написана на нем, многое решение проблем описано тоже на английском. \n\nА что же дальше? А дальше, все как и раньше - TypeScript, React, Vue, Angular. Здесь все по прежнему. Вакансий очень много, предложений от соискателей тоже хватает. Спрос превышает предложение в больших городах. За прошлый год особо не было никаких потрясений в мире фронтэнда. Даже нашумевший Svelte не смог вплотную конкурировать с данными фреймворками.\n\n#programming #js","datePublished":"2020-05-15T08:05:00Z","dateModified":"2020-05-15T08:05:00Z","author":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"publisher":{"@type":"Organization","name":"WebDEV","url":"https://telemetr.io/fa/channels/1237716183-webb_dev","image":"https://img.telemetr.io/c/1lLkwf/1163067892853483473?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8169}]}}]}
8 199
Если вы разработчик полного цикла и жонглируете скриптами, как Илон Маск ракетами, клиенты оторвут вас вместе с компьютером. Вы уже молодцы. А для тех, кто только в начале пути, образовательный портал GeekBrains от Mail.ru Group запустил бесплатный интенсив «Веб-разработка для начинающих». Всего 2 часа –– и билет в профессию у вас в кармане.
Чему научат:
⚡️Создавать небольшие сайты.
🔹Использовать хостинги и публиковать сайты в интернете.
❗️Работать с языком разметки HTML/CSS.
👍Быть молодцом.
Научитесь делать сайты и зарабатывать на этом!
Записаться на вебинар можно по ссылке https://geekbrains.ru/link/n-9GPS
8 199
@Hiddengurus — хороший канал, в котором размещаются свежие вакансии на удаленку для IT и Digital гуру! Хочешь удалённо работать в крутых проектах из США, Европы, РФ и Латинской Америки? Тогда в @Hiddengurus ты найдешь подходящую именно для тебя вакансию на удалёнке:)
8 199
Открываем набор на онлайн-курс «Разработчик Node.js». Пройдите вступительный тест и присоединяйтесь: https://otus.pw/k7Zs/
Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript.
За 4 месяца вы научитесь:
- разрабатывать бэкенд любой сложности на Node.js с использованием Express, Passport, Jest, GraphQL, Next.js;
- работать с базами данных MongoDB и PostgreSQL;
- использовать и настраивать CI/CD для своего проекта;
- конфигурировать приложения для production и деплоить на сервер;
- работать с Web Sockets (Socket.IO);
- писать понятный и чистый код на TypeScript и многое другое!
8 199
📑 Самые сложные вопросы на JavaScript-собеседовании. Часть 3
Третья часть статьи о самых сложных вопросах на JavaScript-собеседованиях.
🔍 Читать статью
#article #js
8 199
🔝 Топовый Вечный! По смехотворной цене! 🔝
8 ГБ RAM / 4x4.5 ГГц CPU / 80 ГБ NVMe / 500 Мбит/сек / anti-DDoS
Размещение в лучшем московском дата-центре Datapro, подключение к каналу 500 Мбит/сек, выделенный IPv4 адрес, защита от DDoS.
🔥Спешите узнать подробней и заказать https://vdsina.ru/eternal-server?partner=webb_dev250520
8 199
🛠 Tailwind CSS — это CSS-фреймворк, созданный в первую очередь для быстрого создания пользовательских интерфейсов. Этот фреймворк предназначен для реализации нестандартных конструкций, и даже такой простой компонент, как кнопка, может выглядеть совершенно по-разному.
В отличии от многих других фреймворков CSS, Tailwind не включает какие - либо компоненты, классы, такие как
form-input, btn, card или navbar.
🔍 Демо | 📂 GitHub
#CSS #framework8 199
Напиши свой Netflix на чистом JavaScript!
Сделаешь это самостоятельно за 4 дня, а мы поможем тебе в этом. Поработаешь с DOM, API, JSON, AJAX, fetch, Async / Await.
Что будет на интенсиве 👇
✅ 1 День
— Изучим основы JavaScript и es6
— Получим необходимые элементы со страницы
— Реализуем боковое меню и модальное окно
✅ 2 День
— Напишем класс для получение данных с сервера
— Выведем на страницу карточки сериалов
— Получим API - key для следующих уроков
✅ 3 День
— Заполним модальное окно данными с сервера
— Дополним наш класс новым методом получения данных
— Реализуем поиск сериалов
✅ 4 День
Реализуем оставшиеся выводы с API:
— топ сериалов
— популярные
— новые за сегодня
— вперед на неделю
Поторопись, количество мест ограничено.
Переходи по ссылке и получи приглашение:
https://telegram.me/gloacademy_bot?start=5ec8089fa12f9a0010c6ebfd
8 199
CodeRoll, канал годноты для фронтендеров и сайтмейкеров.
Каждый день публикуют крутые библиотеки для сайта, курсы по JS, инструкции по стильному оформлению сайта, полезные инструменты для веб-разработки и многое другое.
Подписаться → @coderoll
8 199
💡Оптимизация загрузки jQuery
Для оптимизации мы будем использовать CDN (Content Delivery Network).
Основные преимущества CDN:
– Уменьшение задержки – файл грузится с ближайшего к вам сервера
– Распараллеливание загрузки – браузеры ограничивают число одновременных подключений к одному домену, а так файлы могут грузиться параллельно
– Кеширование – есть большая вероятность, что в браузерном кеше посетителя файл уже лежит и это скорейший способ загрузить его.
Пример кода
src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="UTF-8"> </script>
<script>
window.jQuery ||
document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')
</script>
#optimization #jquery8 199
«React.js разработчик» - это хардкорный онлайн-курс про самый популярный JS-фреймворк для Frontend-разработки.
Справитесь ли вы с уровнем курса? Покажет вступительный тест: https://otus.pw/pBef/
Вам точно стоит познакомиться с программой поближе, если вы:
- JavaScript-разработчик с навыками HTML/CSS;
- Backend-разработчик, желающий стать Fullstack;
- Начинающий React-разработчик;
Или просто используете/обожаете/хотите лучше узнать фреймворки и JS!
8 199
🛠 Voca — это очень мощная библиотека JavaScript для работы со строками.
Библиотека Voca предлагает полезные функции, которые делают манипуляции со строками удобными: изменение регистра, обрезка, заполнение, усечение и многое другое. Модульная конструкция позволяет загружать всю библиотеку или отдельные функции, чтобы свести к минимуму ее применение. Библиотека полностью протестирована, хорошо документирована и поддерживается в течение длительного времени.
🔍 Демо | 📂 GitHub
#string #js
8 199
Что объединяет фотохостинг Pinterest и приложение для планирования Trello? Оба они написаны на JavaScript.
Если английский — это основной язык современного мира, то JS — это основной язык современного интернета, ведь на нем написано большинство сайтов, которые вы посещаете каждый день.
Для тех, кто хочет погрузиться в разработку сайтов и веб-приложений SkillFactory запустили курс «Frontend-разработчик». За 6 месяцев обучения вы освоите HTML, CSS, кроссбраузерную и адаптивную верстку, JavaScript и React и добавите в своё портфолио 6 проектов; дополнительный модуль про soft skills поможет подготовиться к собеседованиям.
За время обучения вы создадите собственный сайт-визитку, разработаете аналог канбан-доски Trello и немного погрузитесь в backend.
🎁Узнайте, как получить скидку на обучение: https://clc.to/fmfdWA
8 199
Будь в курсе происходящего в ИТ и приручи облачные инструменты! Первый шаг для этого — заглянуть в Telegram-блог «ИТ-ГРАД».
🌩 новости ИТ: каких производителей HDD поймали на «вредительской» технологии и кто мечтает о «спящих» ЦОД;
🌩 гайды и инструкции: как выбрать между терминальным сервером и VDI для удаленки, как рассчитать IOPS;
🌩 анонсы полезных вебинаров для бизнеса, реальные кейсы и многое другое!
Подписывайся, будет интересно!
8 199
💡Что учить фронтэндеру в этом году?
Каждый год меняются тренды в разработке и выходит "очередной" фрэймворк на js. Это лишает программиста свободного времени, ведь ему приходится учить и без этого много новой информации.
Что же учить в 2020 году?
В первую очередь изучайте английский язык, почти вся техническая документация написана на нем, многое решение проблем описано тоже на английском.
А что же дальше? А дальше, все как и раньше - TypeScript, React, Vue, Angular. Здесь все по прежнему. Вакансий очень много, предложений от соискателей тоже хватает. Спрос превышает предложение в больших городах. За прошлый год особо не было никаких потрясений в мире фронтэнда. Даже нашумевший Svelte не смог вплотную конкурировать с данными фреймворками.
#programming #js
