Хай, друга! Сегодня нужно решить #задачу)

Создайте цикл 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>

Хай! Сегодня рубрика #макеты_для_верстки:

Жанр: NFT
Формат: #figma
Ссылка: https://www.figma.com/file/upWlzbv4G3VRfVHxW0rPhg/NFT-Peeps?node-id=0%3A1

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