Готовый Код | Frontend
883 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Мы сделали для тебя подборку из 10 статей, которые помогут тебе в обучение. 

1 открывает организация времени. В статье рассказывается, о пользе организации времени.
Ссылка на статью: https://53xapps.com/upravlenie-vremenem/

2. Статья как правильно рассчитать своё время. 
Ссылка на статью: https://53xapps.com/kak-pravilno-rasschitat-svoe-vremya/

3. Статья про пользу курса и что мотивирует при долгом обучение.
 Ссылка на статью: https://53xapps.com/учиться-учиться-и-еще-раз-учиться/

4. Статья про мотивацию.
 Ссылка на статью: https://53xapps.com/1096-2/

5. Статья про мотивацию.
 Ссылка на статью: https://53xapps.com/o-motivacii-2/

6. Статья про отдых.
 Ссылка на статью https://53xapps.com/otdyh-tozhe-vazhen/

7. Статья про выгорание. 
Ссылка на статью: https://53xapps.com/pogovorim-o-vygoranii/

8. Статья про стимуляторы.
 Ссылка на статью: https://53xapps.com/ne-balujtes-so-stimulyatorami/

9. Статья про методы как получить опыт для работы.
 Ссылка на статью: https://53xapps.com/kak-i-gde-nachat-svoyu-kareru/

10. Статья, о том как проходят занятия в нашей школе. 
Ссылка на статью: https://53xapps.com/nash-podhod-k-obucheniyu/

И вот наш список заканчивается. Кому пригодились статьи и почерпнул для себя новое - ставьте +
Модульность обучения. Зачем мы дробим наш курс на части? Написали небольшую статью.) Ссылка на статью: https://53xapps.com/modulnost/
Хай друга! Сегодня ваша #задача это ответить на вопросы =)

1. Внутри какого HTML элемента помещается JavaScript?

2. Где находится правильное место для вставки JavaScript?

3. Какой правильный синтаксис для ссылки на внешний скрипт под названием ''name.js''?
3.1 <script href="name.js">

3.2 <script src="name.js">

3.3 <script name="name.js">
Хопа! Шанс именно для тебя! Мы ищем стажера верстальщика.)

Требования:

• HTML/CSS/JavaScript
• Адаптивная + Кроссбраузерная верстка
• A11y
• Система сборки Gulp
• Именование классов по БЭМ
• Верстка по дизайну из Figma
• Опыт работы с git

Желательно:

• Основы PHP и Wordpress

Тестовое задание:

Сверстать блок согласно макету: https://www.figma.com/file/yZEyVL4YTPBJAsqUqojkJz/HealthyCarely-Landing-Page-(Community)?node-id=3%3A3

0. Собрать проект с помощью gulp (придумать архитектуру)
1. Применить методологию БЭМ
2. Вёрстка должна соответствовать принципам и стандартам обеспечения доступности web-контента WCAG 2.0 уровень AA и соответствовать стандартам W3C
3. Рендеринг изображений (в том числе и фоновых) должен осуществляться при помощи “ленивой загрузки” (lazyload). Все изображения фоновые/контентные должны иметь форматы: webp/avif
4. Придумать самостоятельно адаптивную вёрстку
5. Слайдер сделать через библиотеку
6. Поддержка последних версий браузеров

Условия: обсуждаются.)
Присылай @Parya_parn
Привет друг! У нас появилась #обучалка про компиляцию и интерпретацию. Заходи по ссылке: https://53xapps.com/compilation-and-interpretation/
Привет, сегодня рубрика #макеты_для_верстки:

Жанр: для современного отеля

Формат: #figma

Ссылка: https://www.figma.com/file/8fq4E3LKAFqOgycE9oIW8O/Guest-House?node-id=0%3A1
Хай! Сегодня мы сделаем #задачу
Установите размер изображения на 250 пикселей в ширину и 400 пикселей в высоту.

<img src="Dev_House" >

width=" 250 px " height=" 400 px" - 40
👍👍👍👍👍👍👍👍 85%
weidth=" 250 px" height=" 400 px " - 2
👍 4%
WIDth=" 250 " heiGHT=" 400 " - 5
👍👍 11%
👥 47 человек уже проголосовало.
Сделайте элемент ниже в ссылку, которая идет к "https://53xapps.com/blog/"

Ссылка - 43
👍👍👍👍👍👍👍👍 100%
Ссылка
▫️ 0%
Ссылка
▫️ 0%
👥 43 человека уже проголосовало.
Хай! Наверное самое первое с чего начинается программирование это вывести, где нибудь надпись "Привет Мир!". Ваша #задача_html :
Привет! Сегодня #задача_css . Сможете ли вы поменять цвет правильно?
А теперь у нас #задача_css на установку полей
Установить левое поле "20px" для <h1>.

h1 { margin-left: 20px; } - 58
👍👍👍👍👍👍👍👍 91%
h1 { margin-left= "20" } - 1
👍 2%
h1 { margin-right: 20px; } - 5
👍👍 8%
👥 64 человека уже проголосовало.
Установить цвет фона для страницы "red", а цвет фона для <h1> на "blue".

body { background-color: red; } h1 { background-color: blue; } - 37
👍👍👍👍👍👍👍👍 90%
body { color: red;} h1{ color: blue'} - 4
👍👍 10%
👥 41 человек уже проголосовал.
Салам! Сегодня наша задача_js в том, что ответить на вопросы:)

Внутри какого HTML элемента помещается JavaScript?

А. <javascript>
Б. <script>
В. <csript> 

P.S. Наш канал с макетами -https://yangx.top/figma_makets

А - 1
👍 2%
Б - 40
👍👍👍👍👍👍👍👍 98%
В
▫️ 0%
👥 41 человек уже проголосовал.
Кто-то идёт домой на обед, кто-то обедает на работе, а настоящий js-разработчик решает задачки