Привет✋ я слышал, что если публично закреплять свои задачи и действия, получается лучше) вот я и решил попробовать)) поехали👍
3.03 - 17.03 - Начал изучение программирования (не отмечал, что делал, поэтому думал, что делаю мало и чуть не выгорел)😬
18.03 - отдых, изучил немного html input (закрыл https://htmlacademy.ru/courses/46).
19.03 - программирование начал с 12:05. Прошёл формы в html (https://htmlacademy.ru/courses/74).
Метод progressive enchantment (разработка сайта, учитывая возможность отказов некоторых компонентов (JavaScript и т.п.) https://htmlacademy.ru/blog/boost/frontend/progressive-enhancement).
Свойство CSS3 box-sizing http://simonenko.su/32197993404/use-css3-box-sizing.
Прошёл селекторы в CSS (https://htmlacademy.ru/courses/42), мне понравилось😊
Закончил в 21:00👍💪
P.S. Нашёл канал в телеге https://t.me/GoToFrontend, прикольно. Подумал сделать что-то похожее для себя.
3.03 - 17.03 - Начал изучение программирования (не отмечал, что делал, поэтому думал, что делаю мало и чуть не выгорел)😬
18.03 - отдых, изучил немного html input (закрыл https://htmlacademy.ru/courses/46).
19.03 - программирование начал с 12:05. Прошёл формы в html (https://htmlacademy.ru/courses/74).
Метод progressive enchantment (разработка сайта, учитывая возможность отказов некоторых компонентов (JavaScript и т.п.) https://htmlacademy.ru/blog/boost/frontend/progressive-enhancement).
Свойство CSS3 box-sizing http://simonenko.su/32197993404/use-css3-box-sizing.
Прошёл селекторы в CSS (https://htmlacademy.ru/courses/42), мне понравилось😊
Закончил в 21:00👍💪
P.S. Нашёл канал в телеге https://t.me/GoToFrontend, прикольно. Подумал сделать что-то похожее для себя.
HTML Academy
Формы, часть 1
Разберёмся как создавать простейшие формы, попрактикуемся использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.
🔥6👍1
Вечер добрый)
20.03 - Пока ездил по делам (в воскресенье, ты шо не в себе?))) немного тыкал в sololearn по курсу css. Была тема про шрифты, как задавать им свойства (italic, germanic, death-metallic (шутка)). Вечером начал обучение на тренажёре. Прошёл курс "Наследование и каскадирование в CSS" https://htmlacademy.ru/courses/66. Там подробно объяснён механизм: "как стили определяют к чему примениться".
20.03 - Пока ездил по делам (в воскресенье, ты шо не в себе?))) немного тыкал в sololearn по курсу css. Была тема про шрифты, как задавать им свойства (italic, germanic, death-metallic (шутка)). Вечером начал обучение на тренажёре. Прошёл курс "Наследование и каскадирование в CSS" https://htmlacademy.ru/courses/66. Там подробно объяснён механизм: "как стили определяют к чему примениться".
👍4
21.03 - Часть дня потратил на выяснение "А всё-таки может мне надо изучать язык python прямо сейчас, (или какой другой) чтобы не прогадать?!!!??!?!?!"🤑😬😩. Конкретный ответ не нашёл (да и есть ли он?), но пока решил просто продолжать идти изначальным курсом.
Прошёл вводный курс по фонам в CSS (как задать фон, управлять изображением, позицией, а также об использовании спрайтов в фоновых изображениях. https://htmlacademy.ru/courses/53/). Было муторно вылавливать точные позиции картинок в испытании 😕, но я справился на 100%🙂👍
Прошёл углублённый курс по селекторам в CSS https://htmlacademy.ru/courses/57/. (объединение селекторов, новые псевдоэлементы и псевдоклассы). Были прикольные испытания с расположением, раскраской карт и их перекраской)
Прочёл статью о различиях псевдоклассов :nth-child и :nth-of-type (https://habr.com/ru/post/119139/) Нашёл удобный инструмент визуализации для просчёта выбора элемента https://css-tricks.com/examples/nth-child-tester/
Прошёл вводный курс по фонам в CSS (как задать фон, управлять изображением, позицией, а также об использовании спрайтов в фоновых изображениях. https://htmlacademy.ru/courses/53/). Было муторно вылавливать точные позиции картинок в испытании 😕, но я справился на 100%🙂👍
Прошёл углублённый курс по селекторам в CSS https://htmlacademy.ru/courses/57/. (объединение селекторов, новые псевдоэлементы и псевдоклассы). Были прикольные испытания с расположением, раскраской карт и их перекраской)
Прочёл статью о различиях псевдоклассов :nth-child и :nth-of-type (https://habr.com/ru/post/119139/) Нашёл удобный инструмент визуализации для просчёта выбора элемента https://css-tricks.com/examples/nth-child-tester/
HTML Academy
Фоны, часть 1
Научимся использовать фоновые изображения и задавать цвета фона. Разберёмся с популярными форматами изображений и взглянем на некоторые приёмы создания декоративных эффектов.
🔥4
22.03 - Сегодня я приступил к большому практическому заданию: вёрстка сайта с нуля (ура, руки давно чесались🐱🏍) https://htmlacademy.ru/courses/keksby. Ознакомился со статьёй "Зачем использовать атрибут языка?" https://www.w3.org/International/questions/qa-lang-why.ru (в общем, лучше использовать)
P.S. Кстати, в процессе обучения я использую данный сервис (https://mynoise.net/) там можно разный шумовой эмбиент для себя подобрать (ресторан, дождь или, что мне особенно нравится, Японский сад (ведь живёт в душе моей онямешность) https://mynoise.net/NoiseMachines/japaneseGardenSoundscapeGenerator.php). Попробуйте, может понравиться👍)
P.S. Кстати, в процессе обучения я использую данный сервис (https://mynoise.net/) там можно разный шумовой эмбиент для себя подобрать (ресторан, дождь или, что мне особенно нравится, Японский сад (ведь живёт в душе моей онямешность) https://mynoise.net/NoiseMachines/japaneseGardenSoundscapeGenerator.php). Попробуйте, может понравиться👍)
HTML Academy
Интерактивные онлайн-курсы HTML Academy
Готовим разработчиков напрямую для работодателей. Получите базовые навыки на тренажёрах, а затем пройдите серьёзные профессиональные программы для компаний-работодателей.
👏4
23.03 - сегодня двинулся дальше, начал курс "Блочная модель документа" https://htmlacademy.ru/courses/44. Здесь разбирается управление размерами и расположением элементов, задавание отступов и рамок с помощью CSS)
HTML Academy
Блочная модель документа
Научимся управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.
👍4
24.03 - Закончил начатую вчера часть по блокам https://htmlacademy.ru/courses/44. В частности тут разобрано поведение свойств display и box-sizing (здесь конечно я несколько запутался в возможностях применяемых инструментов).
Прошёл следующую часть про построение сеток https://htmlacademy.ru/courses/65. Здесь разобрано по косточкам свойство float, познакомился с clear и с некоторыми проблемами флоатов. Также здесь разобрано построение сеток с помощью inline-block. Прочёл статью "Борьба с пробелами между блочно-строчными элементами" https://htmlacademy.ru/blog/boost/frontend/fighting-the-space-between-inline-block-elements (надо же, с чем приходится работать верстальщикам🤯).
P.S. В mynoise нашёл офигенную мелодию на пианино, она помогает мне быть сосредоточеннее. Предлагаю заценить и вам) https://mynoise.net/NoiseMachines/acousticPianoSoundscapeGenerator.php?l=48484848484848484848
Прошёл следующую часть про построение сеток https://htmlacademy.ru/courses/65. Здесь разобрано по косточкам свойство float, познакомился с clear и с некоторыми проблемами флоатов. Также здесь разобрано построение сеток с помощью inline-block. Прочёл статью "Борьба с пробелами между блочно-строчными элементами" https://htmlacademy.ru/blog/boost/frontend/fighting-the-space-between-inline-block-elements (надо же, с чем приходится работать верстальщикам🤯).
P.S. В mynoise нашёл офигенную мелодию на пианино, она помогает мне быть сосредоточеннее. Предлагаю заценить и вам) https://mynoise.net/NoiseMachines/acousticPianoSoundscapeGenerator.php?l=48484848484848484848
HTML Academy
Блочная модель документа
Научимся управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.
👍3
25.03 - Прошёл кусочек курса по флексбоксам https://htmlacademy.ru/courses/96.
Зарегался на github (печалька что русского нет, или я его не нашёл, подскажите, если так🙏🏻).
Пошёл смотреть на JavaScript поближе👀. Для этого посетил сайт https://learn.javascript.ru/ и залип) Прочёл введение (о том что это за язык вообще, где работает и т.п.), далее про строгий режим — "use strict"; переменные; типы данных; взаимодействие с пользователем: alert, prompt, confirm; и преобразование типов переменных.
Я заметил тут более книжная подача информации (минимум практики, ну не тренажёр всё же). Надеюсь, получится извлечь из этого пользу (ну основы Js точно пригодятся как я понял).
Зарегался на github (печалька что русского нет, или я его не нашёл, подскажите, если так🙏🏻).
Пошёл смотреть на JavaScript поближе👀. Для этого посетил сайт https://learn.javascript.ru/ и залип) Прочёл введение (о том что это за язык вообще, где работает и т.п.), далее про строгий режим — "use strict"; переменные; типы данных; взаимодействие с пользователем: alert, prompt, confirm; и преобразование типов переменных.
Я заметил тут более книжная подача информации (минимум практики, ну не тренажёр всё же). Надеюсь, получится извлечь из этого пользу (ну основы Js точно пригодятся как я понял).
HTML Academy
Флексбокс, часть 1
Рассмотрим основы нового механизма «гибкой» раскладки — флексбокс. Сначала потренируемся «на котиках» направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научимся простому применению флексбокса в реальных интерфейсах.
👍4
Спасибо за ваши реакции и комменты, это вдохновляет😁💪
❤3😁3
26.03 - прочёл про базовые операторы в JavaScript.
Далее был длинный созвон (почти 6 часов👻), в котором один хороший человек (далее охч) - программист со стажем проверил мои знания по html, css, а также поделился фишками и секретами по данным областям. Скажу я вам, это было великолепно, столько боевого опыта в относительно короткий промежуток времени, это конечно супер) Оказалось, что я неплохо продвинулся на пути программирования и осознание этого даёт новое вдохновение)) Важно практиковать полученные знания, думаю буду делать это на каком-нибудь тестовом сайте.💪💣
Посмотрел видео от охч https://www.youtube.com/watch?v=oJtZZO0_SBo, прикона, даже HTML кроет в себе кучу хитростей)
Далее был длинный созвон (почти 6 часов👻), в котором один хороший человек (далее охч) - программист со стажем проверил мои знания по html, css, а также поделился фишками и секретами по данным областям. Скажу я вам, это было великолепно, столько боевого опыта в относительно короткий промежуток времени, это конечно супер) Оказалось, что я неплохо продвинулся на пути программирования и осознание этого даёт новое вдохновение)) Важно практиковать полученные знания, думаю буду делать это на каком-нибудь тестовом сайте.💪💣
Посмотрел видео от охч https://www.youtube.com/watch?v=oJtZZO0_SBo, прикона, даже HTML кроет в себе кучу хитростей)
YouTube
Вадим Макеев / HTML: The Good Parts [ru]
Видео с онлайн-конференции JavaScript fwdays'20, которая прошла 14 марта 2020 года.
Описание доклада:
Html, head, title, base, link, meta, style, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, p, address, hr, pre, blockquote…
Описание доклада:
Html, head, title, base, link, meta, style, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, p, address, hr, pre, blockquote…
🔥3
27.03 - решил применить знания на практике. Конкретно, стал делать сайт-портфолио для ретушёра фотографий (считай как первый заказ)🦾. Сразу ощутил пользу. В процессе работы возникают вопросы и их решение, соответственно записывает в мозгу четкие пометочки. Сделал часть хедера, вроде норм) научился подключать нестандартные шрифты. Почитал про спрайты, как именно их использовать, оказалось, что можно также вместо спрайтов использовать специальный шрифт с иконками (надо будет затестить). В общем интересный мир веб-разработки становится более понятным и осязаемым💻
👍3
28.03 - сегодня весь день пилил сайт, попутно разбираясь в непонятных моментах) Доделал шапку (конечно есть вопросы к адаптивности, ну это потом). Приступил к основной галерее👍
👏1
29.03 - Прочитал главу про операторы сравнения в Js https://learn.javascript.ru/comparison.
Делал галерею на сайте (получилось хорошо, теперь надо будет заняться анимациями🎬).
Установил на комп ПО для работы с GIT.
В HTML academy прошёл 9 заданий из курса "Основы программирования на JavaScript" (в основном базовая информация по работе с переменными)
Делал галерею на сайте (получилось хорошо, теперь надо будет заняться анимациями🎬).
Установил на комп ПО для работы с GIT.
В HTML academy прошёл 9 заданий из курса "Основы программирования на JavaScript" (в основном базовая информация по работе с переменными)
learn.javascript.ru
Операторы сравнения
Многие операторы сравнения известны нам из математики.
👍3
Итак, по просьбам трудящихся, присылаю промежуточный результат🤩) https://site-for-kate.vercel.app/
Код тут: https://github.com/Teoneko
Код тут: https://github.com/Teoneko
GitHub
Teoneko - Overview
Teoneko has 14 repositories available. Follow their code on GitHub.
🔥5
30.03 - Прочитал несколько глав по JS (про операторы сравнения; условное ветвление: if, '?'; и логические операторы: || (ИЛИ), && (И) и ! (НЕ)). Пока всё понятно, всё же базовые вещи, но и тут нужна внимательность, можно допустить ошибку в казалось бы очевидном месте👀
Залил сайт на GitHub, и на бесплатный хостинг для демонстрации и проверки работы на разных устройствах 📱🖥(сразу обнаружил много различных моментов, требующих доработки, ну ничего, я и не ожидал, что получится идеально). Может ещё чего поделаю, если настроение будет, а пока на сегодня я заканчиваю свой мини-отчёт)
Хорошего тебе вечера, читающий☺👋
Залил сайт на GitHub, и на бесплатный хостинг для демонстрации и проверки работы на разных устройствах 📱🖥(сразу обнаружил много различных моментов, требующих доработки, ну ничего, я и не ожидал, что получится идеально). Может ещё чего поделаю, если настроение будет, а пока на сегодня я заканчиваю свой мини-отчёт)
Хорошего тебе вечера, читающий☺👋
👍4