├── .gitignore ├── .markdownlint.json ├── .prettierrc.json ├── 00-git.md ├── 01-html.md ├── 02-css.md ├── 03-flexbox.md ├── 04-декоративные-элементы.md ├── 05-preview.gif ├── 05-анимация.md ├── 06-формы.md ├── 07-preview.png ├── 07-препроцессоры.md ├── 08-адаптивность.md ├── 1-html ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md └── README.ua.md ├── 2-css ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md └── README.ua.md ├── 3-flexbox ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md └── README.ua.md ├── 4-decoration ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md └── README.ua.md ├── 5-animation ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md ├── README.ua.md └── preview.gif ├── 6-forms ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md └── README.ua.md ├── 7-bem-sass ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md ├── README.ua.md ├── preview.svg └── preview_es.png ├── 8-responsive ├── README.en.md ├── README.es.md ├── README.md ├── README.pl.md └── README.ua.md ├── LICENSE └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | criteria.md 3 | # Logs 4 | logs 5 | *.log 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | lerna-debug.log* 10 | 11 | # Diagnostic reports (https://nodejs.org/api/report.html) 12 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 13 | 14 | # Runtime data 15 | pids 16 | *.pid 17 | *.seed 18 | *.pid.lock 19 | 20 | # Directory for instrumented libs generated by jscoverage/JSCover 21 | lib-cov 22 | 23 | # Coverage directory used by tools like istanbul 24 | coverage 25 | *.lcov 26 | 27 | # nyc test coverage 28 | .nyc_output 29 | 30 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 31 | .grunt 32 | 33 | # Bower dependency directory (https://bower.io/) 34 | bower_components 35 | 36 | # node-waf configuration 37 | .lock-wscript 38 | 39 | # Compiled binary addons (https://nodejs.org/api/addons.html) 40 | build/Release 41 | 42 | # Dependency directories 43 | node_modules/ 44 | jspm_packages/ 45 | 46 | # TypeScript v1 declaration files 47 | typings/ 48 | 49 | # TypeScript cache 50 | *.tsbuildinfo 51 | 52 | # Optional npm cache directory 53 | .npm 54 | 55 | # Optional eslint cache 56 | .eslintcache 57 | 58 | # Microbundle cache 59 | .rpt2_cache/ 60 | .rts2_cache_cjs/ 61 | .rts2_cache_es/ 62 | .rts2_cache_umd/ 63 | 64 | # Optional REPL history 65 | .node_repl_history 66 | 67 | # Output of 'npm pack' 68 | *.tgz 69 | 70 | # Yarn Integrity file 71 | .yarn-integrity 72 | 73 | # dotenv environment variables file 74 | .env 75 | .env.test 76 | 77 | # parcel-bundler cache (https://parceljs.org/) 78 | .cache 79 | 80 | # Next.js build output 81 | .next 82 | 83 | # Nuxt.js build / generate output 84 | .nuxt 85 | dist 86 | 87 | # Gatsby files 88 | .cache/ 89 | # Comment in the public line in if your project uses Gatsby and *not* Next.js 90 | # https://nextjs.org/blog/next-9-1#public-directory-support 91 | # public 92 | 93 | # vuepress build output 94 | .vuepress/dist 95 | 96 | # Serverless directories 97 | .serverless/ 98 | 99 | # FuseBox cache 100 | .fusebox/ 101 | 102 | # DynamoDB Local files 103 | .dynamodb/ 104 | 105 | # TernJS port file 106 | .tern-port 107 | -------------------------------------------------------------------------------- /.markdownlint.json: -------------------------------------------------------------------------------- 1 | { 2 | "MD041": false 3 | } 4 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 80, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": true, 6 | "singleQuote": true, 7 | "trailingComma": "all", 8 | "bracketSpacing": true, 9 | "jsxBracketSameLine": false, 10 | "arrowParens": "avoid", 11 | "proseWrap": "always" 12 | } 13 | -------------------------------------------------------------------------------- /00-git.md: -------------------------------------------------------------------------------- 1 | # Домашнее задание 2 | 3 | - Зарегистрируй аккаунт на [GitHub](https://github.com/). 4 | - Установи и настрой [GitHub Desktop](https://desktop.github.com/). 5 | - Создай репозиторий на GitHub с именем `my-first-repo`. 6 | - Склонируй созданный репозиторий к себе на компьютер. 7 | - В папке склонированного репозитория создай файл `README.md`. 8 | - Добавь новую запись истории, сделав коммит с комментарием 9 | `Добавляет файл README.md`. 10 | - В файле `README.md` добавь название курса. 11 | - Добавь новую запись истории, сделав коммит с комментарием 12 | `Добавляет название курса`. 13 | - В файле `README.md`, добавь свое имя и имя наставника. 14 | - Добавь изменения под контроль `git` и сделай коммит с комментарием 15 | `Добавляет имена`. 16 | - Сделай пуш в репозиторий на `GitHub`. 17 | - Настрой раздачу статических файлов в репозитории на `GitHub` через сервис 18 | `GitHub Pages` и проверь работоспособность живой страницы. 19 | - Добавь ссылку на живую страницу в описание репозитория. 20 | 21 | [Шпаргалка по синтаксису markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) 22 | -------------------------------------------------------------------------------- /01-html.md: -------------------------------------------------------------------------------- 1 | # Домашнее задание 2 | 3 | - Создай репозиторий `goit-markup-hw-01`. 4 | - Выполни HTML-разметку макета страницы 5 | [**домашнего задания #1**](), 6 | без CSS оформления. 7 | - Настрой `GitHub Pages` и добавь ссылку на живую страницу в шапку 8 | GitHub-репозитория. 9 | 10 | ## Критерии приёма работы наставником 11 | 12 | ### Проект 13 | 14 | **`«A1»`** Главный HTML-файл называется `index.html`. 15 | 16 | **`«A2»`** В корне проекта есть папка `images` с изображениями. 17 | 18 | **`«A3»`** В названиях файлов нет заглавных букв, пробелов и транслита, только 19 | буквы и слова английского языка. 20 | 21 | **`«A4»`** Исходный код отформатирован при помощи `Prettier`. 22 | 23 | **`«A5»`** Все изображения и текстовый контент взяты из макета. 24 | 25 | **`«A6»`** Все растровые изображения оптимизированы используя 26 | [squoosh](https://squoosh.app/). 27 | 28 | **`«A7»`** Код написан следуя [**руководству**](https://codeguide.co/). 29 | 30 | ### Разметка 31 | 32 | **`«B1»`** Разметка страницы `Студия` набрана в файле `index.html`. 33 | 34 | **`«B2»`** Выполнена HTML-разметка всех элементов макета. 35 | 36 | **`«B3»`** Теги использованы согласно их семантического смысла. 37 | 38 | **`«B4»`** HTML проходит проверку [**валидатором**](http://validator.w3.org/nu/) 39 | без ошибок. 40 | 41 | **`«B5»`** В разметке есть теги для выделения основной структуры страницы: 42 | `
`, `
` и `