Технологии frontend-разработчика

Вчера мы разбирали, какие проекты делают студенты на нашем курсе по фронтенд-разработке. Работы такого уровня создаются на базе JavaScript, React, Redux, Node.js и MongoDB. Но для чего конкретно нужна каждая их этих технологий?

JavaScript — это язык программирования, который позволяет делать веб-сайты интерактивными и живыми. Он добавляет функции для кнопок и других элементов на сайте, делая его более интересным и удобным для пользователей.

Библиотека React помогает создавать красивые и сложные части веб-сайта: кнопки, формы и списки. Он делает их легкими в использовании и обновлении, чтобы сайт выглядел профессионально и был простым в обслуживании.

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

С помощью Node.js можно использовать JavaScript не только в браузере, но на сервере. Он используется для разработки приложений, которые работают и на компьютере, и на мобильных устройствах. Также Node.js применяется при создании программ с постоянным обменом информацией: онлайн-редакторов, соцсетей, онлайн-игр — то есть везде, где нужна быстрая синхронизация и передача данных.

Благодаря MongoDB можно хранить и организовывать данные на сайте. Он действует как большой файловый шкаф, в котором хранится информация: данные о пользователях, сообщения или изображения.

А какие еще технологии вы знаете? Какие из них вы бы хотели разобрать подробнее?

«О чем это они говорят?» — так думает каждый программист-новичок, когда общается с уже более опытными разработчиками. Чтобы вы чувствовали себя уверенно на учебе или в коллективе, мы собрали небольшой словарь сленга разработчиков.

🥹 Что-то на милом:

Апишка — API, программный интерфейс приложения или интерфейс прикладного программирования.

Выпадашка — выпадающее меню (то же, что и «дропдаун»).

Таска (от англ. “task”) — задание, задача.

Фича (от англ. “feature”) — функция, возможность.

🇬🇧 Что-то на иностранном:

Бэкап, бэкапить (от англ. "back up") — резервная копия, создавать резервную копию.

Легаси (от англ. “legacy”) — устаревший код, который не обновляется, но используется. Или код, который разработчик получил от предыдущих разработчиков.

Софт-скиллы (от англ. “soft skills”) — навыки и качества специалиста, прямо не связанные с профессиональной деятельностью, например, коммуникабельность, умение работать в команде.

Фидбек (от англ. “feedback”) — обратная связь.

Фиксить, пофиксить (от англ. “fix”) — чинить, починить, исправить.

Чекать, чекнуть, прочекать (от англ. “check”) — проверять.

🧚🏻‍♂️ Сказочные персонажи:

Жабаскрипт — язык программирования JavaScript (то же, что и «яваскрипт»).

Либа (от англ. “library”) — библиотека кода, например, React.

Репа — репозиторий, хранилище данных, где можно хранить код, например, на GitHub.

Стек — список технологий, которые использует разработчик или компания, например, HTML/CSS, JavaScript, React.

🤓 И то, что никогда бы сам не придумал:

Галера — компания, где не ценят разработчиков и платят низкие зарплаты.

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

Костыль — код, который нужен, чтобы исправить ранее написанный код.

А какие еще сленговые выражения вы знаете? Есть ли у вас или ваших коллег такие фразы и слова, которые вы используете в рабочем коллективе?

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

Уже на этих выходных мы познакомим вас с новым форматом нашего контента. Как думаете, что это может быть?

Ну и, конечно же, ждем ваших 🔥, если не терпится узнать, что мы для вас приготовили!

Сегодня воскресенье, а значит время для юмора!

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

Мотивация — это внутреннее побуждение, чувство, когда мы вдохновляемся сделать шаг на пути к своей цели.

Существует несколько видов мотивации: позитивная и негативная, внутренняя и внешняя, естественная и искусственная и, разумеется, материальная.

Для каждого человека работает отдельный вид. Кто-то действует из позитивных побуждений: «Я научусь программировать, чтобы больше зарабатывать». На других действует негативная мотивация: «Если я не научусь программировать, меня уволят».

Как понять, какой вид мотивации действует на вас? Что делать, если мотивация падает, а дальше начинается очередной период прокрастинации?

Мы можем объяснить и сделать подборку полезных постов на эту тему, но хотим понимать, насколько она актуальна.

🔥, если хотите разобраться с мотивацией и понять, какая работает для вас

Позитивная мотивация — это как?

Представьте, декабрь, вы встаете на работу раньше солнца. Быстро собираетесь, в спешке едите бутерброд всухомятку и вылетаете из дома пулей — нужно успеть на автобус. Перед самым отправлением вы «упаковываетесь» в битком забитый транспорт. Мухе места нет, не говоря о человеке в объемном пуховике с рюкзаком, который залезает после вас и прижимает вас к липкому поручню. И так начинается ваш день…

На выходных вы встречаете своего друга-программиста. Он рассказывает про свои будни: спокойно встал, сделал зарядку, вывел на прогулку пса. По дороге купил кофе и пришел домой делать завтрак. Поел, посмотрел пару роликов и приступил к работе. Идти никуда не надо: компьютер, стол и кресло — вот его рабочее место.

«Блин, хочу так же!» — думаете вы. «Хочу тоже спокойно просыпаться и не бежать оголтело на работу. И больше времени с родными хочу проводить. И зарплату выше!» Вы видите плюсы, и они вас вдохновляют. Поздравляем, вот она ваша позитивная мотивация!

Позитивная мотивация или мотивация «к» — это стремление, которое возникает благодаря положительным стимулам. Основа этого вида мотивации — развитие, вознаграждение или благодарность за старания.

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

Нашей психике нужно постоянное подкрепление. Для этого приходится «показывать» своему мозгу те самые положительные стимулы:

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

Подробнее об этом поговорим в следующих постах.

А какая позитивная мотивация может быть у вас? Ждем ваши откровения в комментариях!

Что делать, когда наступила полная ж…

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

Однако бывает и по-другому. Когда стимулов вообще нет никаких, есть только острая необходимость, например, в деньгах, жилье или пропитании. Так происходит, когда человек увольняется с работы, теряет близких, финансовую поддержку или сталкивается с болезнью.

К сожалению, жизнь не может всегда быть радужной — периодически она подкидывает сложности, которые тоже могут побуждать к действию. В психологии такую мотивацию называют негативной или отрицательной.

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

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

А вы знали, что негативная мотивация не всегда связана с материальными вещами? Иногда это может быть боязнь заработать плохую репутацию, потерять друга или партнера, и даже утратить веру в себя.

Как вы думаете, что будет действовать эффективнее: материальные потери или неудачи на духовном уровне?

Продвинутый Git — новый мини-курс! Внутри промокод

Разбираемся, зачем мидл-разработчику уметь работать в команде через систему управления версиями Git.

В первую очередь технология позволяет сохранять версии кода и «откатываться» к ним, что бывает полезно при разработке приложения. Этот инструмент дает обширные возможности, например, посмотреть, кто и когда внес изменения, точечно сравнить эти обновления с различными версиями.

Кроме того, Git позволяет создавать «ветки», например, для добавления нового функционала в приложение. В таком случае мы как бы отклоняемся от основной линии разработки, ведем работу в другой «ветке», не мешая другим разработчикам. И после завершения задачи, изменения подтягиваются в основную «ветку».

Вы знаете, что знакомиться с этой технологией мы начинаем на курсе «Профессия Джуниор Фронтенд-разработчик», модуль длится неделю. После него наши студенты могут работать, используя базовые возможности системы Git на проектах в небольших командах.

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

На курсе «Git Advanced» вы:

✅ Поймете, как работать в большой команде, какие подходы и практики существуют в разных компаниях.

✅ Вспомните основные команды, такие как push, pull, commit и другие.

✅ Научитесь работать с Open Source проектами, открывать issue, отправлять pull-request’ы.

✅ Сможете производить эффективное слияние веток без потери важных изменений.

✅ Узнаете, как управлять историей версий, выпускать релизы с необходимыми обновлениями.

Хотите узнать подробнее, как современные команды разработки выпускают сложные приложения, работая с Git, обновляют их и учитывают возможные нюансы?

По ссылке ниже вы можете перейти на сайт и посмотрите видео, где автор курса рассказывает об этом.

➡️ Посмотреть сайт «Git Advanced»

А по промокоду GITTG вы получите дополнительные 10% скидки. Срок действия — до 07.06 включительно.

Что делать, если мотивация кончилась?

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

Включать дисциплину!

Вы понимаете, что вам все сложнее брать себя в руки и шагать в сторону цели? Хорошо, вы определили проблему, а значит решили ее на 50%. Дальше есть прямая инструкция:

1. Задайте себе вопрос, актуальна ли ваша цель в данный момент вашей жизни? Например, вы хотите научиться кодить. Но вы находите массу отговорок, чтобы не идти к компьютеру. Так может оно вам и не надо уже? А если не надо, так зачем себя мучить?

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

3. Часто возникает то самое «не хочу»? Тогда придумайте себе ритуал поощрения. Например, вы — страшный кофеман. Сделайте себе чашку кофе после того, как сделали несколько упражнений. Так ваш мозг получит двойную дозу удовольствия — от выполненной задачи и любимого напитка.

4. Найдите себе наставника или тренера. Держать слово перед собой сложнее, чем перед другим человеком. В какой-то момент вас спросят: «А что ты сделал сегодня?». И вы не найдете ответа. Так будет пару-тройку раз, а потом вам надоест придумывать отговорки.

А какие еще способы самодисциплины вы знаете? Ждем ваши лайфхаки в комментариях!

Жиза и юмор — уже традиция наших воскресных вечеров, не так ли?

А у вас бывало так же, как и у бедного Фродо? Или вы всегда можете прочитать ваш «код всевластия»?

Ждем ваши 🔥 и комментарии на эту тему!

Конкуренция: миф или реальность?

Вспомните свое детство. Утренник в детском саду: девочки в платьях, мальчики в рубашках. Все красивые и нарядные. В центре комнаты стоит три стула, играет музыка. Дети бегают вокруг стульев, мелодия замирает, и пять детей пытаются залезть на три маленьких стульчика. Чем не конкуренция?

Возможно, пример примитивный, но он очень хорошо объясняет явление конкуренции. Простыми словами — это игра для взрослых, в которой мест на работу меньше, чем желающих.

Однако между детским развлечением и реальной конкуренцией есть одно весомое различие. В игре все равны: кто успел, тот и сел. В жизни все по-другому: учишься, стараешься, добиваешься результата и репутации и получаешь работу.

Ну что, теперь конкуренция уже не кажется такой страшной? Ведь есть фактически инструкция, как эту борьбу «переиграть».

«А вот по статистике, в IT сейчас много специалистов, а вакансий мало…» — скажет новичок без опыта. Но какое вам дело до статистики?

Допустим, по статистике 90% первокурсников сдают условный экзамен по русскому языку и переходят на второй курс. Это много? А для тех, кто попал в 10% не сдавших, эта статистика вообще работает? Они весь не сдали!

Действительно хороших специалистов не хватает, и статистика на них мало распространяется. Если вы ставите цель попасть в передовую IT-компанию, вам нужно думать не о тех, кто не попадет на должность, а о том, как пройти отбор.

Ну и, конечно же, нельзя забывать про усидчивость. В длинном забеге побеждает не тот, кто резко стартует, а тот, кто может в спокойном темпе дисциплинированно дойти до финиша. В IT все так же: каждый день учите хотя бы немного, уделяете время практике, не перерабатываете, но и не ленитесь. И через несколько месяцев результат уже налицо!

А как вы думаете, конкуренция действительно существует или это страшилка для робких? Сталкивались ли вы с реальной конкуренцией в IT?

Периодически в комментариях мы видим такую мысль: «Сейчас почти все вакансии для джунов далеко не про начинающих программистов. Требуют очень много, а при этом зарплата мизерная».

Как вы считаете, почему требования к джуниор-разработчикам сейчас так отличаются от тех, которые были еще 5-7 лет назад? Ждем ваше мнение в комментариях!

А если хотите узнать наше, ждем ваши реакции 🔥

Джун сегодня ≠ джун 10 лет назад

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

Условия работы меняются. Это естественный процесс, который затрагивает любой вид деятельности. К примеру, раньше учителя преподавали по бумажным учебникам и с помощью доски и мела. Сейчас им нужно знать, как пользоваться компьютером, придумывать интерактивные задания и делать практические проекты с каждым учеником. Изменились требования? Вот и с программистами так же.

Для таких нововведений есть две причины:

1. В разработку идет действительно много народу. Каждый хочет попробовать себя в профессии, где «сидишь за компьютером и на кнопочки нажимаешь». Только не все понимают, что на этой «легкой» работе недостаточно выучить одну технологию и работать только с ней. А прокачивать свои знания нужно будет всегда.

2. Компании стремятся выбрать лучших кандидатов — это их естественное желание. Однако на вакансию может откликнуться и новичок, который толком не знает JS, и разработчик со знаниями мидла, но без опыта коммерческой разработчки, и джун, у которого 5 работающих проектов в портфолио. Как думаете, кого возьмут на работу?

Для тех, кто стремится расти в IT, наращивать опыт и знания, сложности — это не плохо. Это вызов, который вы либо принимаете и боритесь до результата, либо отметаете и идете работать по другой профессии.

Вопрос в другом: сложности — это хорошо? И если да, то почему? Ждем ваше мнение в комментариях!

Почему изменения на рынке IT — это хорошо? И что делать джунам?

Ничего в этом мире не стоит на месте. Так или иначе IT-сфера, frontend-разработка и любое веб-направление будут меняться, и это неизбежно. Но стоит ли из-за этого расстраиваться? Мы считаем, что нет. И вот почему ⬇️

Во-первых, нет смысла идти против ветра. Работа в IT, как и жизнь в целом, требует одного качества — гибкости. Зачем бороться с обстоятельствами, если можно просто изучить правила игры и подстроиться под них? Тем более, что в IT это ценят. Можно сказать, гибкость — это одно из качеств middle-разработчика.

Во-вторых, подумайте, к чему вы стремитесь: стать по-настоящему хорошим специалистом или быть третьесортным «компьютерщиком»? На современном рынке IT компании ищут тех, кто уже умеет много и готов быстро и регулярно учиться. Изменения на рынке — это лишь еще одна причина выучиться на толкового программиста и обогнать тех, кто все еще надеется, что джунам достаточно знать только JavaScript.

Тогда какой план действий?

1. Наращивать опыт и знания, чтобы смело говорить, что вы — мидл. И, соответственно, претендовать на эту должность.

2. Выбирать путь как можно короче, то есть идти учиться у тех, кто уже знает, как стать мидлом. Да, это стоит денег, но сэкономленное время — бесценно.

3. Меньше жаловаться на несправедливость и смело брать быка — в вашем случае фронтенд — за рога. Можно до бесконечности сетовать на то, как много хотят работодатели, а можно выучиться, повысить грейд и получать в несколько раз больше. Что выберете?

Как создается сайт?

Существует мнение, что фронтендеры «рисуют» сайты. Но это не совсем так. Давайте разберемся, как создаются сайты и приложения, и кто участвует в их разработке.

Разумеется, количество специалистов, которые работают над лендингами и многостраничниками может быть несчетное количество. Это и технические специалисты: разработчики, верстальщики, тестировщики; и те, кто работают над смыслами — маркетологи, копирайтеры, SEO-специалисты и так далее.

Нас интересуют конкретно люди, которые разрабатывают пользовательский интерфейс и работают над функциональностью сайтов.

Все начинается с UX/UI дизайнера. Он придумывает макет приложения — интерфейс и оформление. Его задача — придумать такое оформление, чтобы пользователю было понятно, куда нажимать, и удобно работать с сайтом.

Далее верстальщик собирает сайт. Он отвечает за то, чтобы все элементы дизайна (шрифты, цвета, картинки) правильно отобразились на веб-странице.

Оживлением сайтов занимается фронтендер. Зачастую он делает и верстку, но цель фронтенд-разработчика, чтобы компоненты сайта были активными. Кнопки, надписи и всплывающие окна мигают, нажимаются и двигаются? Значит фронтендер выполнил свою работу.

Бекэндер работает параллельно. Он отвечает за то, как работает «движок» сайта. Например, вы решили воспользоваться поиском на сайте интернет-магазина. Ввели запрос и нажали кнопку. Все, что вы видите, — окошки для текста, иконки, кнопки — это фронтенд. А вот бекэндер работает над тем, как оправляется запрос, и какие загружаются данные с сервера.

Мы не можем отдать лавры какому-то конкретному специалисту. И дизайнер, и верстальщик, и фронтенд и бекэнд-разработчики выполняют свою работу ради одного результата — работающего сайта.

Однако вопрос в другом: сколько функций может выполнять один фронтендер? Как считаете, какую работу может на себя взять разработчик интерфейсов?