m0rtyn

Введение в HTML

Теги

С помощью тегов мы описываем содержательные сущности нашей страницы

Тег: <имя_тега>

Примеры тегов:

m0rtyn

Введение в CSS

Синтаксис CSS

селектор {
 свойство: значение;
 свойство: значение;
 свойство: значение;
 …
}

m0rtyn

Введение DevTools

Вкладки:

• Elements +
• Console +
• Sources
• Network +
• Perfomance
• Memory
• Application +
• Security

m0rtyn

Длителност

165 минут, 5 этапов (25 минут + 5 минут передышка)

HTML — 40 слайдов 2 этапа

CSS — 57 слайдов 2,5 этапа

15 минут перерыв

DevTools — 8 слайдов 0,5 этапа

m0rtyn

!!!!!!!

Изменения связаны с переходом на bootstrap4 (BS4) и улучшением структуры стилей, которые пухнут с каждым днём. Также есть примеры изначально неверного понимания семантики тегов, которое нужно исправлять.

Данный список имеет рекомендательный характер так как в итоге Володя всё равно всё починит сам. Вопрос только в том, сколько лет на это уйдёт.

Сборка scss файлов происходит во время стандартного npm start с помощью grunt (наследие купленной темы) Все стили находятся по пути: /src/assets/styles/ Основные и необходимые для сборки файлы лежат в /src/assets/styles/styles/ scss файлы разбитые по компонентам в /scss/

m0rtyn

• Сборка scss файлов происходит во время стандартного npm start с помощью grunt (наследие купленной темы)
• Все стили находятся по пути: /src/assets/styles/
• Основные и необходимые для сборки файлы лежат в /src/assets/styles/styles/
• scss файлы разбитые по компонентам в /scss/
• Свои стили писать в
  • /src/assets/styles/scss/buffer.scss
  • Достаточно добавить в конце комментарий с именем и для чего они писались, а под ним писать свои стили
• Иконки glyphicons более не поддерживаются в BS4. Следовательно не поддерживается компонент из react-bootstrap так как либa еще не перешла на BS4.
• Для иконок использовать паттерн:

m0rtyn

Слабость воли. Как развить и укрепить ++

Посты:
«Как быть приматом?»
Задавай себе следующие вопросы:
«Может съесть ещё кусочек?»
«Это как мне эта самочка/самец?»
«Сложно, мне лень думать»
«В понедельник начну с чистого листа»
«Каким же идиотом я вчера был»

m0rtyn

{"lastUpload":"2019-01-21T10:44:11.945Z","extensionVersion":"v3.2.4"}

m0rtyn

  import * as React from 'react'

  import { Paragraph } from '@appName/model/staticPageContent'
  import Link, { HtmlLink } from '@appName/ui/atoms/Link'
  import * as styles from './Text.css'

  interface Props {
    paragraphs: Paragraph[]
  }

m0rtyn

{"lastUpload":"2019-03-10T09:23:56.954Z","extensionVersion":"v3.2.7"}