WebDev+ | Веб-разработка
Открыть в Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Больше
Сеть:8 054
Подписчики
-424 часа
-157 дней
-9730 дней
Архив постов
\n\n#javascript #учись","datePublished":"2021-09-21T07:00:08Z","dateModified":"2021-09-21T07:00:08Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":485},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/85","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/85","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/85","headline":"Duck Hunt game in CSS Легендарная игра на Dendy, реализована с помощью HTML и CSS, обёрнутых препроцессорами.…","articleBody":"Duck Hunt game in CSS\n\nЛегендарная игра на Dendy, реализована с помощью HTML и CSS, обёрнутых препроцессорами.\n\nПолный код проекта присутствует.\n\n#полезныйресурс #css #html","datePublished":"2021-09-19T11:15:00Z","dateModified":"2021-09-19T11:15:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":497},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/84","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/84","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/84","headline":"🖥Диалоговые окна в JavaScript: методы alert, prompt, confirm. В языке JavaScript существует 3 стандартных мет…","articleBody":"🖥Диалоговые окна в JavaScript: методы alert, prompt, confirm.\n\nВ языке JavaScript существует 3 стандартных метода для ввода и вывода данных:\n\nAlert – вызывает диалоговое окно с текстом и имеет кнопку ОК.\n\nalert(\"Подпишись на канал WebLab!\"); \n\nPrompt - вызывает диалоговое окно, которое содержит поле ввода. Можно вводить строки и значения. \n\nvar result = confirm(\"Вы подписались на канал WebLab?\"); \n\nConfirm - вызывает диалоговое окно с текстом и двумя кнопками: Cancel и OK.\n\nvar userName = prompt(\"Пожалуйста, введите ваше имя:\");\n\n#javascript #учись","datePublished":"2021-09-12T17:40:00Z","dateModified":"2021-09-12T17:40:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":709},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/83","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/83","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/83","headline":"Узнайте, как сделать классическую змейку в браузере Сложность - СРЕДНЕ Языки - HTML, JS, CSS 🐍Читать статью🐍…","articleBody":"Узнайте, как сделать классическую змейку в браузере\n\nСложность - СРЕДНЕ\nЯзыки - HTML, JS, CSS\n\n🐍Читать статью🐍\n\nЕсли есть вопросы или пожелания, писать сюда @WebLabFeedBackBot\n\n#html #javascript #css","datePublished":"2021-09-10T22:11:00Z","dateModified":"2021-09-10T22:11:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":625},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":14}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/82","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/82","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/82","headline":"CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS. #полезный…","articleBody":"CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS. \n\n#полезныйресурс #css #html","datePublished":"2021-09-07T19:00:21Z","dateModified":"2021-09-07T19:00:21Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":605},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/81","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/81","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/81","headline":"Продуктивность в 2 раза выше! Канал о самых популярных инструментах и полезных сервисах для frontend разработ…","articleBody":"Продуктивность в 2 раза выше!\nКанал о самых популярных инструментах и полезных сервисах для frontend разработчиков. Помогут упростить разработку и увеличить скорость выполнения над вашим проектом.\n\nСкорее присоединяйся!👇","datePublished":"2021-09-07T16:00:21Z","dateModified":"2021-09-09T16:15:41Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":213}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/80","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/80","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/80","headline":"Удивляем женский пол! Создаём бьющееся сердце. Сложность - СРЕДНЕ Языки - HTML, CSS ❤️Читать статью❤️ Если ес…","articleBody":"Удивляем женский пол! Создаём бьющееся сердце.\n\nСложность - СРЕДНЕ\nЯзыки - HTML, CSS\n\n❤️Читать статью❤️\n\nЕсли есть вопросы или пожелания, писать сюда @WebLabFeedBackBot\n\n#html #css","datePublished":"2021-09-06T21:10:00Z","dateModified":"2021-09-06T21:10:00Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":658},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/79","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/79","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/79","headline":"WebDev+ | Веб-разработка","datePublished":"2021-09-03T15:15:13Z","dateModified":"2021-09-03T15:15:13Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":679}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/78","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/78","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/78","headline":"Хочешь реально круто прокачаться во фронте? Тогда тебе в канал За фронтенд! Здесь ты найдешь море полезной ин…","articleBody":"Хочешь реально круто прокачаться во фронте?\n\nТогда тебе в канал За фронтенд!\n\nЗдесь ты найдешь море полезной информации о фронте от экспертов, в виде тестов, полезных библиотек, интересных статей, а также множество задач для твоей практики.🔥🔥🔥\n\nНе упусти шанс прокачать себя 👇\n\nПодписывайся - @za_frontend","datePublished":"2021-09-03T13:15:00Z","dateModified":"2021-09-04T13:24:51Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":144},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/77","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/77","mainEntityOfPage":"https://telemetr.io/ru/channels/1273854318-webdev_plus/posts/77","headline":"Создаём матрицу. Сложность - ЛЕГКО Языки - HTML, JS, CSS 🧩Читать статью 🧩 Если есть вопросы или пожелания, пи…","articleBody":"Создаём матрицу.\n\nСложность - ЛЕГКО\nЯзыки - HTML, JS, CSS\n\n🧩Читать статью 🧩\n\nЕсли есть вопросы или пожелания, писать сюда @WebLabFeedBackBot\n\n#html #javascript #css","datePublished":"2021-09-03T07:00:57Z","dateModified":"2021-09-03T07:00:57Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/ru/channels/1273854318-webdev_plus","image":"https://img.tlmtr.io/c/1ocXHo/5238053668396328807?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":604},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}}]}
Когда изучаешь программирование, информации много не бывает!
А Ты знаешь с как ускорить разработку проектов или к примеру как разрабатывают мобильные приложения?
В @Techno_guids огромное количество советов, рекомендаций и учебных пособий.
Загляни в большой справочник разработчика, там найдешь:
👉 ТОП 5 игр для изучения css;
👉 Готовые сниппеты кода и как их использовать;
👉 Stack Overflow - что за зверь такой;
Все это и многое другое в @Techno_guids
Подпишись чтобы не потерять и оттачивай своё мастерство.
🎮 Elevator Saga – игра для изучения JavaScript
В этой игре нужно программировать движение лифтов так, чтобы перевезти всех пассажиров туда, куда им требуется. Чем выше уровень, тем больше этажей в здании.
Elevator Saga рассчитана на умение строить алгоритмы и работать с информацией. Синтаксис тут простой, поэтому игра подойдет даже для новичков.
#javascript #игры #учись
Code Basics - бесплатная платформа для изучения основ программирования с нуля.
Подойдет как новичкам с нулевым опытом, так и начинающим программистом, которые не понимают как работает код, выходящий за пределы простых примеров из учебников.
#полезныйресурс #html #css #javascript
✍Критерии качества вёрстки 2021
Эта статья будет полезна начинающим верстальщикам и фронтенд-разработчикам.
Здесь перечислены и объяснены важные критерии при вёрстке страниц.
#полезныйресурс #css #html
Gurufy - ресурс для изучения React.js
Данный ресурс поможет новичку изучить React.js.
#полезныйресурс
Animated Tab Bar
Красивое анимированное меню, которое Вы сможете использовать в своём проекте или просто добавить в свои закладки.
Полный код проекта присутствует.
#полезныйресурс #css #javascript #html
🖥 Простые типы данных в JavaScript
В языке JavaScript переменная может принимать значения разных типов.
К простым типам относятся:
🧩Строковый (
String) – последовательность символов, стоящая в кавычках. Строковые символы могут быть не только буквами и прочими символами, но и цифрами, поэтому следует отличать их от числовых данных.
let web = prompt (“Введите число”);
Строковый тип можно превратить в числовой, поставив в начале плюс:
let web = +prompt (“Введите число”);
🧩Числовой (Number) – целые или дробные числа.
Console.log (12345);
🧩Логический, или булевый (Boolean) – принимают значения true/false.
let lab = true;
if (lab === true) {
alert('Верно');
} else {
alert('Неверно');
}
🧩Пустой (Null) – не имеет значения.
🧩Неопределенный (Undefined) – значение не присвоено.
Узнать тип данных можно при помощи оператора typeof:
Print (typeof 123)
Print (typeof 't.me/labweb')
#javascript #учисьCORRUPT A FILE
Если ты не сдал проект в сроки, то загрузи свой файл на этом сайте и он вернёт тебе битый файл. Получатель не сможет его открыть. Этот способ выиграет тебе немного времени.
#полезныйресурс
❗️ Промокод на скидку 63% в буткемпе Turing
- профессия Full stack разработчика с нуля за 3 месяца
- живые лекции и лайфкодинг с преподавателем каждый день
- Гарантия трудоустройства прописана в договоре
- мгновенная обратная связь от преподавателя
- 90% практики и 3 кейса для портфолио
- обучение с нуля
- полностью онлайн
- группы по 10-15 чел.
Для тех, кто уже 100 раз начинал и для тех, кто только делает первые шаги в веб-разработке.
Ты освоишь Full stack: GIT, HTML, CSS, JavaScript, React.js, БД и Node.js. (более подробно - на сайте).
Работа веб-разработчиком - это высокая З/П, возможность работать удаленно из любой точки мира, карьера без ограничений, профессия создавать новое.
Промокод «Web Lab» действует только 4 дня - с 21 по 24 сентября. Назови промокод менеджеру буткемпа и ты сможешь продлить скидку на 1 месяц. Для обращения к менеджеру оставь заявку на сайте https://turing.camp/?utm_source=tlg&utm_term=labweb
или позвони по тел. tel:8 (499) 110-87-96
Запрещаем вставлять текст
Чтобы запретить пользователю вставлять в поля ввода скопированный откуда-то текст, нужно отследить событие
paste и вызвать его метод preventDefault().
<input type="text"> </input>
<script>
const input = document.querySelector('input');
input.addEventListener("paste", function(e){
e.preventDefault()
})
</script>
#javascript #учисьDuck Hunt game in CSS
Легендарная игра на Dendy, реализована с помощью HTML и CSS, обёрнутых препроцессорами.
Полный код проекта присутствует.
#полезныйресурс #css #html
🖥Диалоговые окна в JavaScript: методы alert, prompt, confirm.
В языке JavaScript существует 3 стандартных метода для ввода и вывода данных:
Alert – вызывает диалоговое окно с текстом и имеет кнопку ОК.
alert("Подпишись на канал WebLab!");
Prompt - вызывает диалоговое окно, которое содержит поле ввода. Можно вводить строки и значения.
var result = confirm("Вы подписались на канал WebLab?");
Confirm - вызывает диалоговое окно с текстом и двумя кнопками: Cancel и OK.
var userName = prompt("Пожалуйста, введите ваше имя:");
#javascript #учисьУзнайте, как сделать классическую змейку в браузере
Сложность - СРЕДНЕ
Языки - HTML, JS, CSS
🐍Читать статью🐍
Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot
#html #javascript #css
CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS.
#полезныйресурс #css #html
Продуктивность в 2 раза выше!
Канал о самых популярных инструментах и полезных сервисах для frontend разработчиков. Помогут упростить разработку и увеличить скорость выполнения над вашим проектом.
Скорее присоединяйся!👇
Удивляем женский пол! Создаём бьющееся сердце.
Сложность - СРЕДНЕ
Языки - HTML, CSS
❤️Читать статью❤️
Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot
#html #css
Хочешь реально круто прокачаться во фронте?
Тогда тебе в канал За фронтенд!
Здесь ты найдешь море полезной информации о фронте от экспертов, в виде тестов, полезных библиотек, интересных статей, а также множество задач для твоей практики.🔥🔥🔥
Не упусти шанс прокачать себя 👇
Подписывайся - @za_frontend
Создаём матрицу.
Сложность - ЛЕГКО
Языки - HTML, JS, CSS
🧩Читать статью 🧩
Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot
#html #javascript #css
