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

По вопросам : @sul_furas
加入频道
Хай! Сегодня твоя #задача :

- Сделайте функцию, которая возвращает квадрат числа. Число передается параметром.
- Сделайте функцию, которая возвращает сумму двух чисел.
- Сделайте функцию, которая отнимает от первого числа второе и делит на третье.
Хай друга! Сегодня твоя #задача - ответить на вопросы:

1. Какие свойства имеет объект location?

2. Как получить строку запроса?

3. Как сделать первую букву строки заглавной?
Как принимали на работу раньше:
Привет! Сегодня твоя задача - написать программу)

Напишите программу на JavaScript, чтобы определить, является ли данный год високосным в григорианском календаре.
Привет, приятель! На сегодняшний день ваша #задача - ответить на вопрос

1. Что вдохновляет или интересует вас в программировании?

 2. Какие ресурсы, форумы или инструменты вы используете, чтобы узнавать о последних тенденциях во фронтенд-разработке и дизайне? 

 3. Можете ли вы описать свой рабочий процесс при создании веб-страницы? Какие первые пять шагов вы проделываете при создании нового проекта?
Привет, приятель! Сегодня ваша #задача для вас:

Создать заявление switch , которое будет в окне предупреждений alert("Привет") если fruits является "Банан",
и alert("Добро пожаловать") если fruits является "Яблоко".

____ (fruits) {
____ "Банан":
alert("Привет")
break;
____ "Яблоко":
alert("Добро пожаловать")
break;
}
Салам! Сегодня твоя #задача ответить, что будет выведено )
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/