Web Lab | Веб разработка
6.6K subscribers
118 photos
9 videos
304 links
Лучший бесплатный материал для начинающих программистов

Сотрудничество: @AmerigoVes

- Всё самое лучшее для Web-разработчиков
- IT инструменты, хитрости и секреты
- Отборные материалы для FullStack-специалистов
- Новости из мира IT
Download Telegram
🖥Как создать рабочий веб-сайт для ведения блога

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

Часть 1

Часть 2

#html #css #javascript #учись
This media is not supported in your browser
VIEW IN TELEGRAM
В этой статье создаём игру "кошки-мышки"

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

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

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

#html #javascript #css #игры #учись
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Многие просили сделать 1000-7 на JS. Поэтому в этой статье Мы сделаем это!

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

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

#html #javascript #css #учись
Дока — документация для веб-разработчиков

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

#полезныйресурс #html #css #javascript #учись
Веб-разработка: основы статического сайта

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

#css #html #полезныйресурс #javascript #учись
Spacing JS

Утилита JavaScript для измерения расстояния между элементами на веб-странице. Предполагается, что это будет использоваться только во время разработки.

#полезныйресурс #учись #javascript #html
OverAPI

Это электронное собрание шпаргалок по синтаксису, функциям и методам всех популярных языков программирования.

#полезныйресурс #html #css #javascript #учись
🖥 Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном

Автор в этом видео создаёт 3D сцену с использованием HTML, CSS и JavaScript. Рассматривает интересные приёмы вёрстки - создаёт эффектный анимированный фон, переливающееся освещение сцены, 3D эффект вращения айтемов и разрабатывает кастомный эффект переключения слайдов с помощью cubic-bezier.

#полезныйресурс #учись #css #html #javascript
📑 HTMHeaven — 19 советов и приёмов вёрстки

Перевод заметок с сайта HTMHell (раздела Heaven) — коллекции полезных советов и примеров HTML-кода.

#учись #полезныйресурс #html
This media is not supported in your browser
VIEW IN TELEGRAM
🕹 Пишем игру на JavaScript

В этой статье напишем нечто похожее на динозаврика от Google. В этом коде присутствует: обработка нажатий, движение объектов и непосредственно прыжок динозаврика.

#javascript #игры #css #html
📑 Создание сайдбара с помощью HTML, CSS и JavaScript

Этот гайд позволит Вам создать с нуля боковую панель и настроить её по своему усмотрению.

#javascript #css #html #учись
🗃 Основы веба, которые должен знать начинающий разработчик

В этой статье автор объяснил, как работает Интернет. Ответил на вопросы: «Как браузер находит файл HTML для запрошенной веб-страницы?», «Как файл HTML превращается в интерфейс пользователя?», «Что можно сделать, чтобы ускорить этот процесс?», «Как устанавливается и поддерживается связь с сервером?»

#учись #полезныйресурс #html
🐹 Все значения свойства cursor в CSS

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

.button { cursor: pointer; }

Чаще всего это свойство пригождается при вёрстке кнопок. По умолчанию браузер не меняет внешний вид курсора при наведении мыши на кнопку. Поэтому, если на кнопку можно нажать, ей следует прописать cursor: pointer, чтобы пользователь точно понял, что с элементом можно взаимодействовать.

#учись #html #css
🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

Содержит полезные примеры кода HTML, CSS, JS и инструменты веб-разработчика. Для каждого примера есть объяснение. Например: CSS-градиент, генератор кнопок или теней для блоков, код для циклов или переменных JS.

#учись #полезныйресурс #шпаргалки #html #css #javascript
🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

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

#учись #полезныйресурс #html #css #javascript #python
🗃 Самоучитель по программированию для начинающих

Сайт на котором можно найти бесплатные онлайн-учебники для изучения вёрстки (HTML, CSS), программирования на Java или Python, и многое другое.

#учись #полезныйресурс #python #html #css
🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

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

#учись #полезныйресурс #html #css #javascript #python
🖇Doka. Документация для веб-разработчиков

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

#полезныйресурс #html #css #javascript #учись
🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

Содержит полезные примеры кода HTML, CSS, JS и инструменты веб-разработчика. Для каждого примера есть объяснение. Например: CSS-градиент, генератор кнопок или теней для блоков, код для циклов или переменных JS.

#учись #полезныйресурс #шпаргалки #html #css #javascript
🐹 Все значения свойства cursor в CSS

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

.button { cursor: pointer; }

Чаще всего это свойство пригождается при вёрстке кнопок. По умолчанию браузер не меняет внешний вид курсора при наведении мыши на кнопку. Поэтому, если на кнопку можно нажать, ей следует прописать cursor: pointer, чтобы пользователь точно понял, что с элементом можно взаимодействовать.

#учись #html #css