WebMentor | Вебментор
Open in Telegram
🥇 Твой наставник в мире веб-разработки! Изучаем JavaScript, фронтенд в целом и немного бэкенд. Администратор: @burnhell
Show more3 561
Subscribers
No data24 hours
-137 days
-6930 days
Posts Archive
🚀 Выбор компилятора для создания сайтовВыбор правильного инструмента критически важен для успешной веб-разработки. Что делает один компилятор лучше другого? Ключевыми факторами являются удобство использования, функциональность и поддержка сообщества.
Я рекомендую использовать VS Code, благодаря его мощным возможностям, расширениям и поддержке большинства языков программирования, включая HTML, CSS и JavaScript. Этот выбор не случаен — VS Code оптимизирует процесс разработки, делая его более интуитивно понятным и эффективным.📝 Мини-инструкция по созданию веб-сайта в VS Code: 1. Запуск VS Code — Откройте приложение на вашем компьютере. Если у вас его ещё нет, скачайте с официального сайта Visual Studio Code и установите. 2. Создание нового файла — Нажмите
File -> New File или используйте сочетание клавиш Ctrl+N для создания нового файла.
3. Выбор языка — Чтобы указать, что ваш файл будет HTML-документом, сохраните его с расширением .html. Для этого используйте File -> Save As, введите название файла (например, index.html) и нажмите Save.
4. Написание кода — Начните с базовой структуры HTML-документа:
<!DOCTYPE html>
<html>
<head>
<title>Заголовок вашей страницы</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Ваш первый абзац на сайте.</p>
</body>
</html>
index.html в любом веб-браузере. Просто дважды кликните по файлу или перетащите его в окно браузера.
6. Используйте расширения — Установите полезные расширения в VS Code, такие как Live Server, чтобы автоматически обновлять страницу при изменении кода, и IntelliSense для HTML для улучшения подсказок и автозаполнения.
WebMentor ⚙️ Вебментор🤖 Введение в HTML с Nick из MMNF
🔤🔤🔤🔤 — это не просто аббревиатура; это основа всего, что вы видите в интернете. От простых текстов до сложных интерактивных веб-страниц — HTML стоит у истоков.
Структура HTML-документа напоминает скелет веб-страницы, где <html> — это основа, <head> — мозг, содержащий важную информацию, а <body> — сердце, где живет весь видимый контент.
<h1>Заголовок первого уровня</h1>
<p>И ваш первый абзац текста. Вот так просто!</p>Более подробно мы обьяснили эту тему в статье:📖 Полный урок в формате статьи WebMentor ⚙️ Вебментор
❗О НЕТ ВЕБМЕНТОР ПОПАЛ В МИР MMNF!!!
Всем привет, на связи Nick из MMNF
Теперь я буду вести в этом канале образовательный курс по фронтенду, а именно Основы HTML и CSS
Вот небольшой план курса:
1. Введение в HTML 2. Основы HTML-тегов 3. Работа с вложенными тегами 4. Изучение атрибутов тегов 5. Введение в CSS 6. Основы работы с CSS-свойствами 7. Продвинутая работа с CSS-правилами 8. Селекторы и стилизация по классу 9. Комбинирование и переопределение стилей 10. Заключение по основам HTML и CSS👤Скорее приглашай своих друзей и знакомых, ведь первый урок уже завтра WebMentor ⚙️ Вебментор
Fluid cursorКрасивый эффект после движений курсором, который осветляет текст. Реализовано с помощью CSS и JavaScript.
Открыть CodePen#codepen
Interactive particlesНевероятно крутая анимация текста. Реализовано с помощью CSS и JavaScript.
Открыть CodePen#codepen
ToggleНеобычная идея анимации переключателя. Реализовано с помощью CSS и JavaScript.
Открыть CodePen#codepen
Хватит играть в танчики, пора создавать что-то новое. Новую игру, которая принесет тебе миллионы (и мы не только о поклонниках, но и о деньгах)
Геймдизайнер — это режиссёр игры. Его задача собрать из сюжета, игровых механик и графики захватывающий мир и придумать правила, по которым он будет жить. Опытные геймдизайнеры могут зарабатывать около 200 000 рублей, по данным hh.ru.
Попробуйте прямо сейчас, не ждите, пока мест не останется!
❕ Запрыгнуть в последний вагон, несущий вас к деньгам, славе и успеху можно тут. Причем БЕСПЛАТНО!
Pure horizontal slider with sliding menuГоризонтальный слайдер со скользящим меню. Реализовано с помощью SCSS и JavaScript.
Открыть CodePen#codepen
Grids AnimationКрасивая анимация изображения, разбитого по разным формам. Реализовано с помощью SCSS.
Открыть CodePen#codepen
Neu Times!Оригинальные и необычные часы. Реализовано с помощью JavaScript.
Открыть CodePen#codepen
SVG Hamburger menuАнимация для гамбургер-меню. Реализовано с помощью SVG и JavaScript.
Открыть CodePen#codepen
CyberPunk Info boardКрутая информационная доска в стиле киберпанка. Реализовано с помощью CSS
Открыть CodePen#codepen
PostgreSQL: обеспечение уникальности записи с проверкой даты валидности#статья
Cyberpunk Error pageОригинальная страница с ошибкой #404. Реализовано с помощью SCSS
Открыть CodePen#codepen
Animated Tab BarАнимированные нижние вкладки для использования. Реализовано с помощью CSS и JavaScript.
✏️ Открыть CodePen#codepen
Voyage SliderАнимированные карточки. Реализовано с помощью CSS и JavaScript.
✏️ Открыть CodePen#codepen
