Найти в Дзене
День 31: Портфолио - начало.
Сделал за сегодня двигающиеся буквы и header, чтобы просто подготовить начало. После болезни с высокой температуры стал мыслить более проще и лучше в плане программирования, что не может не радовать меня. Сделал за 5-10 минут header с двигающимися буквами, думаю...
1 год назад
День 30: Почему я отсутствовал? Последние дни я был вынужден пропустить занятия из-за болезни. У меня была высокая температура, и я чувствовал сильную слабость. Сейчас я практически выздоровел и готов вернуться к обычному графику. Очень соскучился по программированию и уже хочу приступить к работе. Однако сегодня я уделю время восстановлению сил, чтобы завтра с уверенностью сказать: «Я готов!» Я вижу перед собой цель, как гору, и тропу, по которой буду подниматься. Надеюсь, что мое здоровье будет только улучшаться, и я больше не буду сталкиваться с такими вызовами.
1 год назад
День 29: сложности с header У меня есть теория, есть понимание, что писать, но оформлять сложно - будто я сижу в абстракции и тыкаюсь... Несколько дней я ломаю голову над header, и это самое сложное, с чем я сталкивался в программировании. Создание игр было проще, чем это. Мне нужно менять подход - не заучивать код, а понимать логику. Решение: Разбить задачу на части: Сначала HTML-структура (семантика тегов). Потом стилизация (цвета, шрифты). Ошибаться — не провал, а обучение. Если я постепенно разберу все части header, я научусь мыслить как веб-разработчик.
1 год назад
День 28: Изучение Flexbox и grid CSS
Grid — это модуль для создания табличных, двумерных макетов, позволяющих размещать элементы в строках и столбцах макета. Flexbox позволяет размещать элементы только по строкам или только по столбцам, то есть — в одном измерении. flex-direction: row-reverse - это свойство меняет направление расположения элементов на обратное, т.е...
1 год назад
День 27: Осознание, что кодер и программист — разное, а также небольшие мысли Начну с того, что кодер по сути определяется заучиванием кодирования и запоминанием действий от других людей, точно как нейронная сеть. Вот почему существует такой ажиотаж вокруг того, что программисты скоро могут стать ненужными. Программисты нужны, кодеры — нет. Кодер — это любая нейронная сеть, а программист — тот, кто сам может анализировать и разбирать проблемы, которые обычный кодер не в состоянии осознать и понять. Точно так же, как нейронная сеть, пока вы не опишете ей досконально, чего хотите, она не даст вам точной информации и кодирования. Я говорю о том, что не требует усилий в принципе, например, как вы заучиваете CSS и HTML. Важно понимать, что все распределяется на задачи и подзадачи, важно разделять то, что вы делаете. Условно, делая я секцию header, только благодаря просмотру видео на YouTube и статьям, я начинаю понимать, почему стоит navigation, почему она относится к секции, почему должны быть определенные отступы и почему остальное. С опытом появляется понимание, проблемы будут встречаться всегда, особенно в программировании. Если вы не готовы к вечным проблемам и учебе на ошибках, то нет смысла идти в программирование. Я шел сюда уже зная о том, что это будет сложно, потому что сложности они меня наоборот укрепляют, заставляют быть более продвинутым "специалистом" в определенной среде, которым я пока не являюсь. Честно скажу — сложно заниматься этим после работы, ну, как минимум, потому что программирование занимает уйму времени, особенно когда сам пытаешься решать задачи, оттого приходится довольствоваться малым, да и отдыха нет, хотя и планировал уделять не так много времени, ведь дисциплина, даже небольшая — прогресс, каким бы он ни был. Если кто сомневается, стоит ли идти в программирование или нет, то осознайте, что проблемы будут всегда, и решать их придется всегда, потому что учиться на ошибках — это единственное, что нужно, иначе никак. Нейронная сеть не заменит человека.
1 год назад
День 26: Разбор некоторых терминов из CSS в секции header Свойство display: table; используется для того, чтобы элементы веб-страницы отображались как таблицы. Это позволяет использовать вертикальное выравнивание содержимого внутри элемента, что часто бывает полезно для центрирования текста или других элементов по вертикали. Свойство display: table-cell; используется для элементов внутри контейнера с display: table;. Оно позволяет элементам вести себя как ячейки таблицы, что позволяет использовать вертикальное выравнивание (vertical-align) и горизонтальное выравнивание (text-align). Свойство vertical-align: middle; используется для вертикального выравнивания содержимого элемента. В сочетании с display: table-cell; оно позволяет центрировать содержимое по вертикали внутри родительского элемента. Псевдокласс :last-child используется для выбора последнего элемента среди своих братьев и сестер. Сегодня я осознал, что методы, основанные на display: table, стали менее актуальными и используются в основном в старом коде. В настоящее время основное внимание уделяется Flexbox и CSS Grid, которые предлагают более современные и адаптивные подходы к построению макетов. Следовательно, вместо того, чтобы углубляться в старые методы, лучше сосредоточиться на изучении новых, которые продвинулись и стали более эффективными. Хотя я и чуть-чуть освоил старые методы, но важно нацеливаться на современный кодинг, который обеспечивает большую гибкость и адаптивность веб-страниц.
1 год назад
День 25: Впитываю информацию секции Header
Работа, которую я выполнял вчера, включала в себя кодирование, которое было верным, но немного сложным и долгим. Однако, новый подход, который я открыл для себя, оказался даже лучше в разы. Это не только ускоряет процесс разработки, но и делает его более эффективным. Для дальнейшего улучшения своих навыков я решил сосредоточиться на изучении различных вариаций и функций селекторов CSS...
1 год назад
День 24: Создание сайта "Портфолио"
Сегодня поставил задачу сделать сайт "портфолио" для того, чтобы укрепить знания, которые я получил. Сложности возникли уже с самого начала. Понимание есть что писать, но как оформлять - нет, потому надо больше практики, после уже обучение JavaScript. Каждое начало в css для меня выглядит так: сразу все везде выставим у селекторов элемента, которые в последствии убавят рутины, даже если это маленький сайт, в котором не будет толком ничего. Познакомился с интересной функцией (transform:translateX), которая облегчила мне создание шапки, очень доволен, что нашел её...
1 год назад
День 23: Изучение CSS-произвольные цвета и селекторы
Произвольный цвет в CSS — это способ задания цвета, который не ограничивается стандартными названиями цветов (например, red, blue). Вместо этого, можем использовать различные цветовые функции и форматы для создания любого цвета. Селектор определяет как должен выглядеть фрагмент. Все записи строятся по одной системе (селектор {свойство: значение}) Выбирают все указанные элементы, стоит допустим p (параграф), p будет применяться ко всем элементам, где есть тэг p, если мы укажем условно p .green, то будет применяться селектор к Параграфу в селекторе green...
1 год назад
День 22: Блочные и строчные элементы в CSS.
Блочные элементы — это такие элементы, которые занимают всю ширину своего родительского элемента и всегда начинаются с новой строки. Примерами таких элементов являются div, h1, p, ul, ol и многие другие...
1 год назад
День 21: Завершение footer и окончание проекта. Часть 2
Сегодня я поставил цель завершить работу над футером и довести проект до конца. Несмотря на некоторые недочеты, я горжусь тем, что за несколько дней, пусть и с некоторыми ошибками, но мне удалось создать полноценную страницу. В процессе работы я познакомился со свойством justify-self: end;, которое позволяет выравнивать контент внутри блока по правому краю, а также с функцией line-height:, задающей межстрочный интервал. Кроме того, я осознал важность отказа от фиксированных значений width и height, поскольку они могут негативно сказаться на адаптивности сайта...
1 год назад
День 20: Обновление секции продукты и начало секции footer. Часть 1.
Первым делом я обновил неровное оформление раздела "продукты", что существенно улучшило его внешний вид. Теперь он выглядит намного лучше и более гармонично. Одним из ключевых моментов в улучшении дизайна стало использование свойства justify-content: space-around. Это свойство позволяет сделать отступы между элементами одинаковыми по бокам, исходя из отступа между двумя объектами...
1 год назад