28 декабря — 4 января
Привет! 👋 И с Новым годом! 🥳 Это мои выводы четырнадцатой недели в рамках программы Encora Academy, где можно учиться, практиковаться и развиваться. Я буду публиковать каждую неделю все о темах, которые я изучил во время этого приключения.
Я провел эту неделю, изучая, изучая и применяя на практике некоторые концепции и технологии. Это мои заметки:
HTML
Тег Doctype является важной частью HTML-документа, он в основном определяет стандарт, которому необходимо следовать при создании HTML-файла. Вот мои заметки об этом:
Локальное хранилище, хранилище сеансов и файлы cookie
Я знал, что эти 3 объекта помогают нам хранить данные в браузере, но в чем между ними основные различия?
CSS
Каскадные таблицы стилей помогают нам добавить стиль в файл HTML. В течение этой недели я немного больше изучаю Flexbox, Grid, селекторы CSS и процессоры CSS.
Исследуя это, я нашел эти 2 очень полезных руководства для flexbox и grid.
Попутный ветер CSS
На прошлой неделе у меня был сеанс с моим наставником, и он прислал мне этот веб-сайт: Состояние CSS, онопределяет последние тенденции в CSS. Пытаясь найти другую библиотеку CSS, отличную от bootstrap, я обнаружил, что Tailwind CSS вызывает наибольшее удовлетворение и интерес, поэтому я решил узнать о ней больше.
Tailwind позволяет нам быстро писать правила CSS с высоким уровнем настройки, его действительно легко установить и использовать. Вы можете использовать его двумя способами: использовать его CDN или установить с помощью npm.
По сути, вы можете добавлять классы к своим элементам HTML, чтобы добавлять правила CSS, такие как отступы, поля, цвета текста и т. д.
Например, этот код:
Создает эту кнопку:
Чтобы настроить его, вам нужно установить его с помощью npm, а затем создать там tailwind.config.js, вы можете добавить или переопределить пользовательские классы, которые у нас уже есть.
Есть два способа добавить стили с помощью Tailwind: добавив классы в теги HTML или добавив пользовательские классы и добавив стили попутного ветра в CSS-файл.
Здесь — официальная документация.
И я создал этот небольшой проект, чтобы протестировать некоторые его функции.
JavaScript
Я рассмотрел некоторые концепции и узнал еще пару о Javascript, вот мои заметки:
Спасибо за чтение! Увидимся на следующей неделе!
