https://github.com/ilrosch/layout-designer-project-58

https://github.com/ilrosch/layout-designer-project-58

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ilrosch/layout-designer-project-58
• Owner: ilrosch
• Created: 2023-11-30T08:25:27.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-04T14:37:51.000Z (about 1 year ago)
• Last Synced: 2023-12-05T09:49:13.505Z (about 1 year ago)
• Language: HTML
• Size: 814 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Когнитивные искажения

**ilrosch-hexlet-college.surge.sh**

## Цель

### Настройка окружения

Для многих студентов первый проект является первой возможностью сверстать полноценный макет. Попробовав себя в упражнениях на протяжении нескольких курсов пришла пора с нуля создать свой первый лендинг.

В первом проекте создаётся полноценная файловая структура, которая может использоваться и вне первого проекта. Студенты учатся работе с Git: выложат свой проект на GitHub и сделают первый деплой используя сервис Surge.

Помимо вёрстки студенты познакомятся с утилитой npm, через которую они будут взаимодействовать с Surge на протяжении всех шагов и при работе с комментариями ментора.

### Вёрстка

Первый проект строится на создании вёрстки простого лендинга. Основная задача студента — сформировать аккуратную и поддерживаемую вёрстку. В этом ему помогут подходы OOCSS и Atomic CSS, смесь которых студент будет использовать.

Немаловажным фактором в процессе создания лендинга является именование классов. Это один из самых сложных процессов, в котором студенту необходимо постоянно думать о согласовании имён классов с уже существующими и поддержании единства.

В процессе вёрстки студент опирается на несколько основных принципов:

Модульность блоков. Любой блок в лендинге является самостоятельной единицей, который можно переносить или удалять без последствий для других блоков.

Переиспользование классов. Первый проект нацелен на то, чтобы классы были едины для всего проекта. Это отличительная черта подходов OOCSS и Atomic CSS.

Вёрстка с учётом будущих изменений. Главной особенностью хорошего верстальщика является то, что он умеет «смотреть в завтрашний день» и выполнять такую вёрстку, которая учитывает будущие желания заказчика. Будь то добавление текста или новых элементов в уже существующие блоки.

## Описание

Первый проект является лендингом, описывающий распространённые когнитивные искажения в программировании. Это самые распространённые проблемы, с которыми сталкиваются многие разработчики в самые различные периоды своей карьеры. Как же с ними бороться и какие они бывают вы узнаете из лендинга и сможете помочь узнать об этом большему количеству людей. 

### Hexlet tests and linter status:

[![Actions Status](https://github.com/ilrosch/layout-designer-project-58/actions/workflows/hexlet-check.yml/badge.svg)](https://github.com/ilrosch/layout-designer-project-58/actions)