Дедлайн вчера

День 5. Как мы закрыли гештальт с переменными и условиями Сегодня мы не пошли в новую тему, а основательно повторили всё, что прошли ранее. Я сел за ноутбук и написал код для проверки возраста — с полем ввода, кнопкой и выводом результата на страницу. Что вспомнили и закрепили: · Семантика: <div> — бессмысленный контейнер, <section> — смысловой блок. · CSS Grid: repeat(auto-fit, minmax(120px, 1fr)) — магия адаптивных колонок. Чем больше minmax — тем меньше колонок помещается. · Глобальные и локальные переменные: если внутри функции нет let, она меняет глобальную переменную. Если есть let — создаёт новую локальную. · Функции: не вызываешь — не работает. · document.querySelector и addEventListener: как найти элемент и повесить событие. · Условия if-else: как проверить возраст и выдать разный текст. Главный инсайт про типы данных: даже <input type="number"> возвращает строку ("20"), а не число. Если не сделать Number(ageValue), сравнение "20" >= 18 сработает (JavaScript сам преобразует), но лучше всегда явно приводить к числу — это профессиональная привычка. Что я сделал: добавил на страницу блок проверки возраста. Код работает: пустое поле → «Введите возраст», 18+ → «Доступ разрешён», иначе → «Доступ запрещён». Честно: было сложно признать, что я не до конца понимал область видимости. Но когда ментор объяснил на примере глобальной и локальной комнат — всё встало на свои места. План на завтра: массивы и циклы. Будем учиться хранить списки и перебирать их без копипаста. Совет новичкам: не торопитесь. Лучше один день посидеть над переменными и условиями, чем потом месяц разбирать баги из-за путаницы с типами данных.

День 4. Переменные, условия и первая настоящая логика Сегодня мы с ментором наконец-то разобрались с тем, что тормозило меня всю неделю — переменные и область видимости. Я понял, почему мой код не работал: функция и переменная с одинаковым именем конфликтовали, а условия проверяли не то, что нужно. Главные инсайты дня: 1. Переменная, объявленная внутри функции (let x = 20), живёт только внутри неё и не трогает глобальную. А если просто написать x = 20 без let — функция найдёт глобальную и изменит её. 2. Условия (if-else) нужно писать внутри функции-обработчика, потому что только в момент клика мы знаем, что пользователь ввёл (или не ввёл). 3. messageP — это просто имя переменной. Буква P напоминает, что мы работаем с параграфом. Можно назвать как угодно, но понятные имена спасают от головной боли. Что я сделал: · Написал функцию checkAge1, которая по клику проверяет возраст (20 лет) и выводит «Совершеннолетний» или «Несовершеннолетний» в абзац #message. · Разобрался, почему мой прошлый код с name и prompt не работал — исправил его с помощью ментора. · Перестал бояться document.querySelector и addEventListener. Честно: было трудно признать, что я не понимал область видимости. Но когда на примере с глобальной и локальной комнатами объяснили — всё встало на свои места. План на завтра: массивы и циклы. Буду учиться хранить списки и перебирать их без копипаста. Совет новичкам: не прыгайте через темы. Я хотел быстрее сделать «взрослый» код, но споткнулся о базу. Переменные и условия — фундамент. Без него любой дом рухнет.

Как я перестал спорить и начал понимать код: итоги первой недели Прошел через хаос. Потеря работы и поиск новой,выпал из обучения и только сейчас вернулся. Я думал, что учусь 15 дней, а оказалось — реальный уровень был на 2-3 дне. Но это нормально. Главное — признать пробелы и начать заново с умом. Что разобрали: 1. Семантика HTML. Оказывается, <div> — это просто коробка без имени. А <header>, <main>, <section> говорят браузеру, читалке и поисковикам: «здесь важная структура». Классы нужны для красоты, а теги — для смысла. 2. CSS Grid. Вместо того чтобы мучиться с flex-wrap, можно написать grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) — и колонки сами подстроятся под экран. Это магия, которую я теперь умею колдовать. 3. JavaScript с нуля: · Как найти элемент на странице: document.querySelector('.класс'). · Как дождаться клика: .addEventListener('click', function() { ... }). · Что такое функция: рецепт, который не работает сам по себе — его нужно вызвать. · Где писать код, чтобы он сработал сразу, а не по клику: внутри <script>, но не внутри обработчика кнопки. Самый важный инсайт: обучение — это не когда ты глотаешь курс за 2 минуты на тему. Это когда ты задаёшь вопрос «зачем?», споришь с ментором, показываешь ему свой реальный код, и вместе находите истину. Технический прорыв: я научился делиться кодом так, чтобы ментор видел актуальную версию (GitHub — наше всё). И перестал бояться prompt, alert и кнопок. Что дальше: условия (if-else) и умение менять текст на странице, а не только выскакивающими окнами. Но это уже завтра. Совет новичкам: не обманывайте себя количеством пройденных уроков. Лучше один раз написать функцию и вызвать её по клику, чем десять раз посмотреть видео и ничего не запомнить.

🎮 Новый этап: погружение в CSS! Всем привет! 👋 После освоения HTML пришло время для следующего шага — изучения CSS. Это язык стилей, который превращает наши HTML-страницы из простых документов в красивые и современные веб-сайты. Что такое CSS? Это инструмент для стилизации веб-страниц Позволяет контролировать внешний вид HTML-элементов Делает сайты привлекательными и удобными для пользователей Основные возможности CSS: Оформление текста: Изменение цвета и размера шрифта Управление начертанием и стилем Выравнивание текста Работа с макетами: Позиционирование элементов Управление отступами и полями Создание сеток для размещения контента Визуальные эффекты: Добавление фоновых изображений Создание анимаций Мой первый опыт Первые шаги в CSS были захватывающими! Особено классно видеть, как «оживают» страницы Экспериментировать с цветами и стилями Вроде мелочь, а столько удивления когда создаешь кнопку или навигацию, и понимаешь на сколько это просто. Планы на будущее Перейти к JS Присоединяйтесь к моему пути!

🎯 Старт в мир IT: от нуля до первых успехов! Привет, друзья! 👋 Делюсь своим опытом изучения HTML — основы веб-разработки. От полного непонимания до настоящего азарта — вот мой путь! 📈 Что я освоил? 📚 Формы ввода: Текстовые поля (input type="text") Пароли (input type="password") Флажки (checkbox) Радиокнопки (radio buttons) Кнопки отправки (submit, reset) Элементы HTML: Блочные: <div>, <p>, <h1>-<h6> — занимают всю ширину Строчные: <span>, <a>, <img> — идут в строку Семантика: <header> — шапка <nav> — меню <main> — основной контент <footer> — подвал Классы в HTML: html <div class="container main-content"></div> Мои первые победы 🏆 Сначала всё казалось сложным, но практика и документация помогли разобраться. Теперь вижу структуру и взаимосвязи элементов! Планы на будущее 🚀 HTML — это только начало. Впереди CSS и JavaScript!

Всем привет 👋 Мне 30, и я один из тех, кто решился круто поменять свою жизнь и начать карьеру в IT, а точнее — стать фронтенд-разработчиком. «Дедлайн вчера» — это мой личный дневник, куда я буду выкладывать всё самое важное о моём пути в новую профессию: успехи и неудачи, горящие глаза и моменты отчаяния, советы и инсайты. Если ты начинаешь свой путь во фронтенде — здесь ты сможешь избежать моих ошибок и быстрее достичь результата. А если ты уже опытный специалист — добро пожаловать в комментарии поделиться мудростью и поддержать молодого коллегу! Для начала пойду простым путём: бесплатные курсы и практики. Сюда же менторство AI, буду задавать вопросы и разбор всё что непонятно. Посмотрим, насколько у меня получится💪 Подписывайся и будем учиться вместе! ✨

Channel created