Выложили на сайт собственную дорожную карту для самостоятельного изучения фронтенд-разработки 😎

В ней есть всё необходимое, чтобы стать джуниор-программистом в 2023 году:

🔥 Пошаговый план по изучению базовых технологий за срок от 15 до 24 месяцев.

🔥 Советы и лайфхаки для тех, кто хочет учиться осмысленно и не выгореть на полпути.

🔥 Актуальный список литературы и справочников по программированию.

Документ составлен вместе с преподавателями SaintCode Bootcamp. Он подходит новичкам без технического опыта и тем, кто уже что-то умеет. Результат, который ты получишь, если пройдёшь всю дорожную карту — первая работа во фронтенде 👌

⭐️ Открывай и сохраняй в закладки — https://saintcode.ru/frontendroadmap/?utm_source=telegram_nondirect&utm_medium=post&utm_campaign=organic_social&utm_content=roadmap ​​⭐️

Уже изучаешь React? 👏

Давай проверим, как хорошо ты знаешь базовый синтаксис JSX. Ответь, каким образом мы вставляем переменную или выражение, когда работаем в React?

Если вопрос поставил тебя в тупик — можешь погуглить правильный ответ или прокрутить вниз и сразу заглянуть под спойлер, там будет объяснение 👌

Объяснение:

JSX — это специальный синтаксис JavaScript, который помогает описывать структуру пользовательского интерфейса в библиотеке React. JSX даёт возможность сочетать HTML с JS, но не является разметкой — при компиляции он транслируется в обычный JavaScript.

Давай посмотрим, как это выглядит на практике:

Предположим, у тебя уже объявлена переменная name. Ты хочешь, чтобы она отображалась в твоём заголовке первого уровня. Запись будет выглядеть так:

const name = "Василий";
const element = <h1>Привет, {name}</h1>

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

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

⚡️Собираемся сходить 17 августа на @piterjs, петербургский митап про JavaScript и Node.JS ⚡️

Бесплатное событие пройдёт на территории IT-компании Selectel, для ребят из других городов будет трансляция.

Послушай доклады от JS-программистов:

💪 Кейсы применения JS от незрячего фулстек-разработчика. Евгений Некрасов не видит монитор, но работает в крупных российских компаниях, преподаёт в ИТМО, занимается системами для умных домов, изобретает и тестирует протезы. Евгений расскажет о построении Infrastructure as code, технологиях K6, Arduino и Pulumi.

😱 Нативные расширения для Node.JS на Rust. Николай Шувалов начинал с микроконтроллеров, позже занимался веб-приложениями, сейчас работает с микросервисными приложениями. Спикер объяснит: зачем вообще понадобился Rust в приложении на JS, как интегрировать такую связку, как Rust влияет на JS.

✍️ История сообщества PiterJS от одного из тех, кто был с самого начала. Александр Коротаев работает программистом, устраивает встречи и митапы для фронтендеров. Стал писать код, потому что хотел делать игры — и постепенно начал заниматься этим на работе.

Санкт-Петербург, Цветочная ул. 19, дата-центр Selectel (понадобится паспорт или другое удостоверение личности для охраны).

Четверг, 17.08, старт в 19:00 МСК. Участие бесплатное, но нужно зарегаться.

🗺 Регистрация на живую встречу — https://forms.gle/5TfxwiZXrDMQxCyy5

🛰 Онлайн-трансляция и записи предыдущих встреч — https://www.youtube.com/@piterjs

Буткемп по фронтенд-разработке (JS, React, HTML/CSS) стартует 19 сентября 😇

🔥 Офлайн в СПб и онлайн — 220 тыс. руб. при оплате до 8 сентября. После — 230 тыс. 🔥

🙀 Какие подводные? Придётся сосредоточиться только на программировании — в буткемпе 3 месяца занимаются полную пятидневку с 12 до 19 часов, а в остальное время кодят самостоятельно.

😼 Какой профит? Ты закончишь буткемп уже в этом году и зимой/весной 2024 найдёшь первую работу. Примерно 75% наших выпускников устраиваются за 2–3 месяца после обучения.

😻 Почему именно SaintCode? Мы не даём громких обещаний, но предоставляем всё для устройства на первую работу. Актуальные технологии, моментальный ответ преподавателя, карьерная подготовка и возможность получить коммерческий опыт в студии при школе.

Запишись на бесплатную консультацию — https://saintcode.ru/?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=start1909 👌

✨ Вебинар «Как стать программистом, совмещая с работой или воспитанием детей» пройдёт 29 августа в 19:00 МСК ✨

Встречу проведёт Женя Гриценко, основатель SaintCode Bootcamp и карьерный консультант. У него в гостях 3 выпускника нашей школы 👇

🏋️‍♀️ Юля Ковылина. Совмещала обучение в буткемпе с воспитанием двоих детей. После выпуска попробовала себя в айти, обучила программированию детей и планирует открыть собственную детскую школу кодинга.

🏋️‍♀️ Надя Корвин. Совмещала обучение с работой, подготовкой к выпускному у дочери-подростка и подготовкой к собственной свадьбе. Работает фронтенд-разработчиком и менеджером проектов в студии Kojo при нашей школе.

🏋️‍♂️ Тёма Бобарикин. Совмещал обучение с работой официантом в общепите. Тёма отучился в буткемпе, преподавал студентам JavaScript. Сейчас пишет бэкенд на проекте Frontiers (один из клиентов Kojo).

Приходи, если хочешь вкатиться в веб-разработку 🎯 Будем разбирать ошибки начинающих программистов, способы учиться эффективнее (все гости явно справились с этой задачей) и обсудим, как новичку искать первую работу в айти.

💡 Вторник, 29 августа, 19:00. Участие бесплатное. Запишись на вебинар — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar2908 💡

Говорят, что нейросети убьют программирование, но до качественного результата им ещё далеко 💯

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

✅ Кстати, недавно сняли про это короткое видео с основателем SaintCode Bootcamp Женей Гриценко. Если боишься, что нейросети заменят программистов, переходи в наш инстаграм и смотри — https://www.instagram.com/p/CwQMEE7tQ3E/

Перед тобой обычное выражение на JavaScript, но в чём здесь подвох? 🤷‍♂️

Кто уже изучает JS, наверняка легко ответит на этот вопрос. Если ты в тупике и не понимаешь о чём речь — читай объяснение ниже 👌

На всякий случай дублируем выражение текстом:

console.log(0.1 + 0.2 == 0.3);

Здесь двойное равно "==", которое означает нестрогое равенство в JS.

Объяснение задачи:

Всё дело в том, как JavaScript работает с числами с плавающей точкой. Язык работает по стандарту IEEE 754, из-за этого некоторые десятичные дроби не могут быть представлены в нём с точностью 100%.

Нам кажется, что 0.1 и 0.2 — простые десятичные дроби. Но в JS они являются бесконечными периодическими дробями в двоичной системе. Поэтому в сумме они дадут 0.30000000000000004, можешь проверить это в консоли самостоятельно. А значит правильный ответ — false.

Где это может повстречаться и вызвать сложности? С такой проблемой сталкиваются программисты при разработке интернет-магазинов: если цены указаны в точности до копеек или центов (например, 102.9 или 35.5), при подсчёте общей суммы заказа будет набегать такая вот небольшая «джаваскрипт-комиссия» 🙃