diff --git a/ru/README.md b/ru/README.md index 9c11bcb..8696ea2 100644 --- a/ru/README.md +++ b/ru/README.md @@ -1,19 +1,19 @@

- #100DaysOfCode Front-End Development + #100ДнейКода Front-End Development

--- -Это несколько самоуверенный учебный план для изучения разработки интерфейсов во время #100DaysOfCode. Поскольку он охватывает широкий спектр тем разработки для старта, его можно рассматривать как скорее курс в стиле «обзора», а не глубокое погружение в какую-либо одну область. В идеале, вы, пройдя этот учебный план, будете иметь некоторое знакомство с каждой темой и возможность легко углубиться в любую область в будущем, когда это необходимо. +Это несколько самоуверенный учебный план для изучения фронденда во время #100ДнейКода. Поскольку он охватывает широкий спектр тем разработки для старта, его можно рассматривать как скорее курс в стиле «обзора», а не глубокое погружение в какую-либо одну область. В идеале, вы, пройдя этот учебный план, будете иметь некоторое знакомство с каждой темой и возможность легко углубиться в любую область в будущем, когда это необходимо. -На этот учебный план значительное влияние оказал Kamran Ahmed's [Modern Frontend Developer](https://medium.com/tech-tajawal/modern-frontend-developer-in-2018-4c2072fa2b9c) с дорожной картой. Пожалуйста, посмотрите это - это просто супер. +На создание этого учебного плана меня вдохновила дорожная карта [Modern Frontend Developer](https://medium.com/tech-tajawal/modern-frontend-developer-in-2018-4c2072fa2b9c) Кармана Ахмеда. Это великолепно! Обязательно загляните по ссылке. -**Замечание**: Я знаю, что фронтэнд разработка означает множество различных вещей для многих людей! Если вы являетесь фронтенд-разработчиком и считаете, что это руководство можно улучшить, сообщите мне об этом, создав issue, как описано в секции [Contributing](#contributing). Спасибо Вам! +**Примечание**: я знаю, что фронтенд включает в себя множество вещей и объединяет многих людей! Если вы разработчик и считаете, что это руководство можно улучшить, то создайте issue в репозитории проекта. Подробно процесс описан в разделе [Contributing](#contributing). Спасибо Вам! # :calendar: Учебный план -Основополагающим принципом этого хранилища является [Тайм-боксинг] (https://en.wikipedia.org/wiki/Timeboxing). Если в прошлом вы потратили какое-то время, пытаясь научиться веб-разработке или подобным навыкам, вы, вероятно, испытали провал по какой-то одной конкретной теме. Этот репозиторий нацелен назначить определенное количество дней для каждой технологии и призывает вас перейти к следующему, как только это количество дней истекло. +Основополагающим принципом этой учебной программы является то, что она ограничена во времени. [Тайм-боксинг] (https://en.wikipedia.org/wiki/Timeboxing). Если раньше вы предпринимали попытки изучить фронтентд, то, скорее всего, попадали в кроличью нору и застревали на какой-то одной теме. В этом плане на каждую технологию отводится определённое количество дней, что позволяет вам переключаться, как только отведённое время закончилось. Предполагается, что при запуске этой задачи все находятся на разных уровнях, и это нормально. Как начинающие, так и опытные разработчики фронтэнда могут извлечь выгоду из временной практики в каждой из этих областей. @@ -21,7 +21,7 @@ - День с 1 по 8: [HTML](#html) - День с 9 по 16: [CSS](#css) -- День с 17 по 24: [Javascript основы](#Javascript) +- День с 17 по 24: [Javascript основы](#JavaScript) - День с 25 по 27: [jQuery](#jquery) - День с 28 по 33: [Адаптивный Веб-Дизайн](#rwd) - День с 34 по 36: [Доступность](#accessibility) @@ -39,111 +39,111 @@ - День с 95 по 97: [TypeScript](#typescript) - День с 98 по 100: [NextJS](#nextjs) -# :mag_right: Детали +# :mag_right: Подробности -Ниже вы можете найти немного информации о каждой теме в учебном плане, а также некоторые идеи/рекомендации о том, что делать для каждой. В качестве источника вдохновения для проектов, которые вы будете делать в рамках этой учебной программы, вы можете посмотреть [Раздел проектных идей](#project-ideas). +Ниже вы можете найти немного информации о каждой теме в учебном плане, а также некоторые идеи/рекомендации для практики. В качестве источника вдохновения для проектов, которые вы будете делать в рамках этой учебной программы, вы можете посмотреть [Раздел проектных идей](#project-ideas). -Как часть принципа тайм-боксинг, это нормально, если вы не пройдете все пункты в разделах «Области обучения и идеи». Вместо этого вам следует сосредоточиться на получении максимально возможного количества дней, назначенных для каждой области, а затем двигаться дальше. +Как часть принципа тайм-боксинга, это нормально, если вы не пройдете все пункты в разделах «Темы и идеи». Вместо этого вам следует сосредоточиться на получении максимально возможного количества знаний за то время, что отводится на тему, а затем двигаться дальше. ![HTML](https://i.imgur.com/O0F5XSR.jpg) -Язык разметки гипертекста (HTML) является стандартным языком разметки для создания веб-страниц и веб-приложений. С помощью каскадных таблиц стилей (CSS) и JavaScript он образует триаду краеугольных технологий для Всемирной паутины. Веб-браузеры получают HTML документы с веб-сервера или из локального хранилища и отображают их как мультимедийные веб-страницы. HTML описывает структуру веб-страницы семантически и изначально включает подсказки для внешнего вида документа. (Источник: [Wikipedia](https://ru.wikipedia.org/wiki/HTML)) +Язык разметки гипертекста (HTML) является стандартным языком разметки для создания веб-страниц и веб-приложений. В связке с каскадными таблицами стилей (CSS) и JavaScript он образует триаду краеугольных технологий для веба. Веб-браузеры получают HTML документы с веб-сервера или из локального хранилища локального хранилища и превращают их в страницы. HTML описывает структуру веб-страницы семантически и изначально включает подсказки для внешнего вида документа. (Источник: [Wikipedia](https://ru.wikipedia.org/wiki/HTML)) ### :bulb: Кратко -HTML действительно является основой веб-разработки. Даже в основанных на Javascript фраемворках вы в конечном итоге пишете HTML в той или иной форме. +HTML действительно является основой веб-разработки. Даже в JavaScript-фреймворках вы так или иначе пишете HTML, в той или иной форме. -### :book: Области обучения и идеи +### :book: Темы и идеи -- Начните с [Основы HTML и HTML5](https://learn.freecodecamp.org/) на freeCodeCamp. +- Пройдите раздел [Основы HTML и HTML5](https://learn.freecodecamp.org/) на freeCodeCamp. - HTML структура страницы - HTML элементы -- Вложенные HTML-элементы +- Вложение HTML-элементов - Семантическая разметка -- Ссылки / несколько страниц +- Ссылки и составные страницы - Изображения -- Аудио / видео файлы +- Аудио / видео - Формы и элементы формы -- Создайте многостраничный сайт! (Смотрите [Идеи проекта](#project-ideas) если вам нужно вдохновение). +- Создайте многостраничный сайт! (Загляните в [Идеи проекта](#project-ideas) если вам нужно вдохновение). ![CSS](https://i.imgur.com/028GOR0.jpg) -Каскадные таблицы стилей (CSS) - это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки, например HTML. CSS является краеугольной технологией Всемирной паутины, наряду с HTML и JavaScript. CSS предназначен для разделения представления и содержимого, включая макет, цвета и шрифты. Такое разделение может улучшить доступность контента, обеспечить большую гибкость и контроль в определении характеристик презентации, дать возможность нескольким веб-страницам совместно использовать форматирование, указав соответствующий CSS в отдельном файле .css, а также уменьшить сложность и повторяемость структурного контента. (Источник: [Wikipedia](https://ru.wikipedia.org/wiki/CSS)) +Каскадные таблицы стилей (CSS) - это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки, например HTML. CSS является краеугольной технологией Всемирной паутины, наряду с HTML и JavaScript. CSS предназначен для разделения представления и содержимого, включая макет, цвета и шрифты. Такое разделение улучшает доступность контента, обеспечивает большую гибкость и контроль в определении характеристик презентации, дает возможность нескольким веб-страницам совместно использовать форматирование, указав соответствующий CSS в отдельном файле .css, а также уменьшает сложность и повторяемость структурного контента. (Источник: [Wikipedia](https://ru.wikipedia.org/wiki/CSS)) ### :bulb: Кратко -CSS является еще одним важным компонентом веб-разработки. Хотя он в основном используется для стилизации и размещения элементов HTML, он становится все более способным к более динамичным задачам (например, анимации), которые когда-то обрабатывались бы Javascript. +CSS является еще одним важным компонентом веб-разработки. Хотя он в основном используется для стилизации и размещения элементов HTML, он становится все более способным к более динамичным задачам (например, анимации), которые когда-то можно было реализовать только при помощи Javascript. -### :book: Области обучения и идеи +### :book: Темы и идеи -- Начните с [Основы CSS, CSS flexbox, и разделы сетки CSS](https://learn.freecodecamp.org/) на freeCodeCamp. -- In-line CSS +- Пройдите раздел [Основы CSS, CSS flexbox, и разделы сетки CSS](https://learn.freecodecamp.org/) на freeCodeCamp. +- Инлайновый CSS - `