WebDev+ | Веб-разработка
Відкрити в Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Показати більше
8 245
Підписники
+324 години
+487 днів
+32630 днів
Архів дописів
\n\n#javascript #учись","datePublished":"2021-09-21T07:00:08Z","dateModified":"2021-09-21T07:00:08Z","author":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/uk/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/uk/channels/1273854318-webdev_plus","image":"https://img.telemetr.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":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/1273854318-webdev_plus/posts/85","url":"https://telemetr.io/uk/channels/1273854318-webdev_plus/posts/85","mainEntityOfPage":"https://telemetr.io/uk/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/uk/channels/1273854318-webdev_plus","image":"https://img.telemetr.io/c/1ocXHo/5238053668396328807?ty=x"},"publisher":{"@type":"Organization","name":"WebDev+ | Веб-разработка","url":"https://telemetr.io/uk/channels/1273854318-webdev_plus","image":"https://img.telemetr.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}]}}]}
Tutsplus — сайт с множеством бесплатных курсов по веб-разработке, программированию и смежным областям, также есть и платные курсы.
Лучшие книги для начинающих разработчиков на JavaScript
📕 "JavaScript. Подробное руководство". Автор Флэнаган Дэвид
📗 Серия книг - "Вы не знаете JS". Автор Кайл Симпсон
📘 "Выразительный JavaScript. Современное веб-программирование". Автор Марейн Хавербеке
🎼 Музыка пригодится, так что скачивайте и закидывайте в одну папку с проектом
🖥 Многие просили сделать 1000-7 на JS. Поэтому в этой статье Мы сделаем это!
☕️Читать статью☕️
Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot
#html #javascript #css #учись
🎮 Эта подборка включает онлайн-игры для программистов, которые позволят в увлекательной форме освоить языки программирования.
🧩 CodinGame
На CodinGame с помощью написания кода вам предстоит решить самые разнообразные и весёлые проблемы. Сайт поддерживает все языки программирования.
🧩 CodeCombat
CodeCombat — это не просто игра по программированию, а настоящая платформа для учащихся, позволяющая легко осваивать материал.
Красочная анимация и интересный сюжет, кланы, взаимодействие с тысячами других игроков по всему миру. Есть русская локализация.
🧩 Check iO
Check iO — это браузерная игра в жанре «Приключение», которая научит вас программированию на Python.
#игры #полезныйресурс #учись
В этой статье создаём игру "кошки-мышки"
Сложность - ЛЕГКО
Языки - HTML, JS, CSS
🐱Читать статью🐹
Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot
#html #javascript #css #игры #учись
Когда изучаешь программирование, информации много не бывает!
А Ты знаешь с как ускорить разработку проектов или к примеру как разрабатывают мобильные приложения?
В @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
