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

По вопросам : @sul_furas
加入频道
Салам! Сегодня твоя #задача ответить, что будет выведено )
1. Какое будет выведено значение: let x = 5; console.log(x++); ?

2. Что выведет этот код: let y = 1; let x = y = 2; alert(x);

3. Что выведет этот код: alert( "1"[0] )?
Привет! Что то давно не было от нас статей.) Давай сегодня поговорим о….. времени разработки!

И так, тут у меня как раз таки в свете одного из проектов есть относительно неудачной кейс, по которому я получил бесценный опыт управления временем разработки. 

Каждая твоя задача имеет определенное время на решение. Пока ты тренируешься – это время – твой опыт. Когда ты уже стал разработчиком – время – деньги. Чем быстрее и качественнее ты делаешь задачу – тем дороже твой час, как профессионала. Но тут есть момент – дедлайны. Профессионал должен укладываться в них. Чем меньше ты их нарушаешь – тем лучше.
И вот тут мы приходим к моменту – как правильно оценивать дедлайны? 
У тебя есть определенная задача. Например, написание калькулятора. Вопрос первый – ты уже решал такую задачу? Да? Отлично, например 2 часа. А если не решал? Разложи алгоритм решения задачи и оцени, сколько примерно времени тебе потребуется на его реализацию. Допустим, 5 часов. Хорошо. Первый пункт у нас есть. Теперь заложи коэффициент на подводные камни. Если ты задачу решал уже и ничего сверхъестественного нет – заложи 20% до времени. Если не решал – закладывай 50%. Соответственно мы уже имеем +-2,5 часа для первого случая и 7,5 для второго. 
Следующий пункт – менеджерство задачи. Помимо выполнения задачи – тебе понадобится время на разговоры с менеджером/заказчиком. Задача простая и ты её делал большое кол-во раз – заложи до 1 часа – тебе надо посмотреть на дизайн, обсудить кратко логику – нет ли там особенностей и т.п. Если задачу никогда не делал – до 1,5 часов. Большие задачи требуют больше времени, но они в свою очередь декомпозируются на более мелкие, а о такой мы сейчас и говорим. И вот мы уже имеем 3,5 часа и 9 соответственно.
Ну и тестирование и правки – тут все сильно зависит от функционала и дизайна. Больше на глаз я бы определял. На такой задаче – максимум 30 минут. То есть 4 часа и 9,5 соответственно. 

И что мы имеем в итоге? Время, которое мы можем озвучить и исходя из которого строится ваша оплата. Причем там, где вы сделаете быстрее из-за опыта – вы заработаете больше. При этом у вас есть относительный запас времени. Сделали быстрее – круто. Сделали дольше – не круто, надо брать и подстраивать формулу под себя, а также прокачиваться, как разработчик. 

Надеюсь, вам это было полезно.) Всем успешных дедлайнов, ставьте палец вверх)
Эй, привет! Сегодня у нас #задача :

Создать цикл for, который выполняется от 0 до 9.
Сегодня у нас рубрика #макетыдляверстки

Жанр: посадочная страница для бизнеса

Формат: #figma

Ссылка: https://www.figma.com/file/VnsVUCCtXluqCCr2t3m0yL/Web-Folio?node-id=0%3A1
Парам пам пам! Давай сегодня поболтаем о том, что такое выгорание? Многие слышали, мало кто понимает.

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

И так, ВЫГОРАНИЕ. Для начала – что такое выгорание? По собственному опыту – выгорание – это состояние сильного истощения организма. Не только физического истощения, но и психоэмоционального. Ситуация, в которой вам не хочется работать, вы заставляете себя через силу, ваш организм люто сопротивляется. И это не ситуация, когда нужно взять волю в кулак и долбить. Нельзя путать. Это ситуация, когда вы уже не выносите то, что вы делаете, причем делаете это чаще всего по 10-15 часов в сутки. Неизвестно ради чего – денег, карьеры, признания?
Выгорание крайне негативно сказывается на вашей работоспособности, умственных способностях и в целом на жизни. Состояние, на мой взгляд, очень близкое к апатии и полному безразличию ко всему, порой и к семье. 

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

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

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

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

- Нормализуй рабочий день – никто не может заставлять человека работать больше положенного;
- Высыпайся. Да, банально, но это одна из причин. Здоровый 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">