Удивляем женский пол! Создаём бьющееся сердце.

Сложность - СРЕДНЕ
Языки - HTML, CSS

❤️Читать статью❤️

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #css

CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS.

#полезныйресурс #css #html

Узнайте, как сделать классическую змейку в браузере

Сложность - СРЕДНЕ
Языки - HTML, JS, CSS

🐍Читать статью🐍

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #javascript #css

🖥Диалоговые окна в JavaScript: методы alert, prompt, confirm.

В языке JavaScript существует 3 стандартных метода для ввода и вывода данных:

Alert – вызывает диалоговое окно с текстом и имеет кнопку ОК.

alert("Подпишись на канал WebLab!");

Prompt - вызывает диалоговое окно, которое содержит поле ввода. Можно вводить строки и значения.

var result = confirm("Вы подписались на канал WebLab?");

Confirm - вызывает диалоговое окно с текстом и двумя кнопками: Cancel и OK.

var userName = prompt("Пожалуйста, введите ваше имя:");

#javascript #учись

Duck Hunt game in CSS

Легендарная игра на Dendy, реализована с помощью HTML и CSS, обёрнутых препроцессорами.

Полный код проекта присутствует.

#полезныйресурс #css #html

Запрещаем вставлять текст

Чтобы запретить пользователю вставлять в поля ввода скопированный откуда-то текст, нужно отследить событие paste и вызвать его метод preventDefault().

<input type="text"> </input>

<script>
const input = document.querySelector('input');

input.addEventListener("paste", function(e){
e.preventDefault()
})

</script>

#javascript #учись

CORRUPT A FILE

Если ты не сдал проект в сроки, то загрузи свой файл на этом сайте и он вернёт тебе битый файл. Получатель не сможет его открыть. Этот способ выиграет тебе немного времени.

#полезныйресурс

🖥 Простые типы данных в 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 #учись

Animated Tab Bar

Красивое анимированное меню, которое Вы сможете использовать в своём проекте или просто добавить в свои закладки.

Полный код проекта присутствует.

#полезныйресурс #css #javascript #html

​​Gurufy - ресурс для изучения React.js

Данный ресурс поможет новичку изучить React.js.

#полезныйресурс

✍​Критерии качества вёрстки 2021

Эта статья будет полезна начинающим верстальщикам и фронтенд-разработчикам.

Здесь перечислены и объяснены важные критерии при вёрстке страниц.

#полезныйресурс #css #html

Code Basics - бесплатная платформа для изучения основ программирования с нуля.

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

#полезныйресурс #html #css #javascript

🎮 Elevator Saga – игра для изучения JavaScript

В этой игре нужно программировать движение лифтов так, чтобы перевезти всех пассажиров туда, куда им требуется. Чем выше уровень, тем больше этажей в здании.

Elevator Saga рассчитана на умение строить алгоритмы и работать с информацией. Синтаксис тут простой, поэтому игра подойдет даже для новичков.

#javascript #игры #учись

🖥​Как создать рабочий веб-сайт для ведения блога

Это руководство состоит из двух частей. Здесь вы сможете создать на чистых HTML, CSS и JS полноценный блог с фронтендом и бэкендом.

Часть 1

Часть 2

#html #css #javascript #учись

В этой статье создаём игру "кошки-мышки"

Сложность - ЛЕГКО
Языки - HTML, JS, CSS

🐱Читать статью🐹

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #javascript #css #игры #учись

🎮 Эта подборка включает онлайн-игры для программистов, которые позволят в увлекательной форме освоить языки программирования.

🧩 CodinGame

На CodinGame с помощью написания кода вам предстоит решить самые разнообразные и весёлые проблемы. Сайт поддерживает все языки программирования.

🧩 CodeCombat

CodeCombat — это не просто игра по программированию, а настоящая платформа для учащихся, позволяющая легко осваивать материал.

Красочная анимация и интересный сюжет, кланы, взаимодействие с тысячами других игроков по всему миру. Есть русская локализация.

🧩 Check iO

Check iO — это браузерная игра в жанре «Приключение», которая научит вас программированию на Python.

#игры #полезныйресурс #учись

🖥 Многие просили сделать 1000-7 на JS. Поэтому в этой статье Мы сделаем это!

☕️Читать статью☕️

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #javascript #css #учись

🎼 Музыка пригодится, так что скачивайте и закидывайте в одну папку с проектом

Лучшие книги для начинающих разработчиков на JavaScript

📕 "JavaScript. Подробное руководство". Автор Флэнаган Дэвид

📗 Серия книг - "Вы не знаете JS". Автор Кайл Симпсон

📘 "Выразительный JavaScript. Современное веб-программирование". Автор Марейн Хавербеке