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

По вопросам : @sul_furas
加入频道
Выгорание крайне негативно сказывается на вашей работоспособности, умственных способностях и в целом на жизни. Состояние, на мой взгляд, очень близкое к апатии и полному безразличию ко всему, порой и к семье. 

Как понять, что вы выгорели? На мой взгляд это всегда индивидуально. Но есть ряд черт, которые схожи у многих моих знакомых:

- Апатия;
- Физическая усталость;
- Относительное безразличие ко всему происходящему;
- Утрата контроля над всем;
- Постоянная сонливость на фоне недосыпа;
- Желание уволиться или уйти в отпуск;
- И т.п.

Вы сами поймете, что вы сгорели. Вопрос в другом – как выйти из этого состояния? 

Тут я опять же опираюсь только на опыт свой и своих коллег/знакомых. Это небольшой, но эффективный (опять же не для всех) список, что можно сделать в такой ситуации:

- Нормализуй рабочий день – никто не может заставлять человека работать больше положенного;
- Высыпайся. Да, банально, но это одна из причин. Здоровый 8-ми часовой сон. 
- Питайся правильно. 
- Выходные – отдохни полноценно. Сходи в парк, съезди на природу, проведи ген уборку дома. 
- Если все сильно запущено – отпуск или отгул в пятницу, что бы три дня отмокать и перезагрузиться, а потом выходить на работу и нормализовать режим работы и жизни. 

Вот вам краткий список, что можно сделать.) А вы сталкивались с выгоранием в жизни? Если да – пиши «+» в комментариях – посчитаем, сколько нас таких.)
Хай, друга! Сегодня нужно решить #задачу)

Создайте цикл while, который выполняется до тех пор, пока i меньше  50.
Йо йо! У нас новости. Теперь у нас есть полноценное расписание постов)

Зачем расписание? Что бы вы знали когда и какие материалы ждать у нас на канале.) Да еще и каждый материал по хештегам, для навигации.

И так: 

#макеты_для_верстки - Каждый понедельник и четверг. Отбираем для вас макеты и выкладываем.) 
#задачи - Каждый день, кроме понедельника и четверга. Решай и развивайся.) Ответы к задачам также даем.) 
#статьи - Тут я пишу о том, как побороть выгорание, учить новое и т.п. По сути житейские ситуации из жизни IT-шника;
#наша_школа - Тут мы уже пишем о том, как мы работаем над нашей системой обучения. 
#обучалка - собственно, обучающие статьи и видео. Как работает то или иное во фронте.)

Последние три пункта - мы будем выкладывать их на сайте, т.к. это будут все таки лонгриды, да и изображения там удобнее размещать.) Читать вы их сможете на https://53xapps.com/blog/ (кстати, там уже лежит несколько старых статей).
Привет, сегодня рубрика #макеты_для_верстки:

Жанр: фото агентство

Формат: #figma

Ссылка: https://www.figma.com/file/KmnsgWKaOgNeT7oSwfR98M/Atelier.?node-id=0%3A1

Если уже сверстали прошлый макет, то пишите +
Новая статья про наш взгляд на правильный подход в обучении.) 

Рекомендуем прочитать: https://53xapps.com/nash-podhod-k-obucheniyu/
Привет, приятель! Сегодня ваша #задача для вас:

Сделайте цикл for, перейти к следующей итерации continue, пока i не будет 5.
Всем привет, сегодня у нас #задача :

Используйте метод getElementById, который находится в элементе <p>, и измените его на текст "Привет".
Привет, сегодня рубрика #макеты_для_верстки:

Жанр: Архитектурный рынок

Формат: #figma

Ссылка: https://www.figma.com/file/kiaBlWXtPwE86XCATnE3QZ/Archmove?node-id=0%3A1
Привет! В нашем блоге появилась новая статья на счёт того, как начинать свою карьеру. Откуда брать опыт и проекты для портфолио. 
Ссылка на статью: https://53xapps.com/kak-i-gde-nachat-svoyu-kareru/
Используйте метод getElementsByClassName, и измените текст первого элемента с именем класса "test".

<p class="test"><p>
<p class="test"><p>
Мы сделали для тебя подборку из 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 человек уже проголосовало.