Как разместить по центру элемент с абсолютным позиционированием? Давай подумаем 👩💻
👉 Если можешь не использовать position: absolute, то не используй. Но некоторые сложные элементы вёрстки реализуются только с ним, поэтому полностью отказаться от абсолютного позиционирования не получится.
👉 Не центрируй через фиксированные значения. Допустим, ты установил значение в пикселях, глядя на мобильную версию. Понятно, что в десктопе твой элемент будет далеко не по центру.
👉 Центрирование через margin: 0 auto для абсолютно позиционированного элемента не сработает. Поскольку элемент вырван из общего потока, он теряет привычные свойства блочных элементов.
Но есть верный способ центрировать элемент с абсолютным позиционированием. Задавай значения в процентах и используй transform: translate. Подробности с примером — в карточках.
Поставь лайк или напиши комментарий, если этот пост был тебе полезен 🙂
👉 Если можешь не использовать position: absolute, то не используй. Но некоторые сложные элементы вёрстки реализуются только с ним, поэтому полностью отказаться от абсолютного позиционирования не получится.
👉 Не центрируй через фиксированные значения. Допустим, ты установил значение в пикселях, глядя на мобильную версию. Понятно, что в десктопе твой элемент будет далеко не по центру.
👉 Центрирование через margin: 0 auto для абсолютно позиционированного элемента не сработает. Поскольку элемент вырван из общего потока, он теряет привычные свойства блочных элементов.
Но есть верный способ центрировать элемент с абсолютным позиционированием. Задавай значения в процентах и используй transform: translate. Подробности с примером — в карточках.
Поставь лайк или напиши комментарий, если этот пост был тебе полезен 🙂
🔥6👌1
У нас появилась рассрочка на буткемп 😇 От 10 833 руб. в месяц — если оформить рассрочку на 24 месяца.
Мы понимаем, что стоимость курса приличная и найти всю сумму сложно. Теперь ты можешь разбить выплаты на срок до 24 месяцев. Да, при рассрочке есть переплата — но только представь, что через два года или раньше ты закроешь последний платёж уже из своей программистской зарплаты 😉
⚡️ Ближайший поток начнёт учиться 24 октября. Запишись и в начале 2024 года ты будешь искать первую работу в IT — https://saintcode.ru/?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=installment2410 ⚡️
Условия и подробности в телеграм у нашего менеджера: @SaintCodeMNG 🙂
Мы понимаем, что стоимость курса приличная и найти всю сумму сложно. Теперь ты можешь разбить выплаты на срок до 24 месяцев. Да, при рассрочке есть переплата — но только представь, что через два года или раньше ты закроешь последний платёж уже из своей программистской зарплаты 😉
⚡️ Ближайший поток начнёт учиться 24 октября. Запишись и в начале 2024 года ты будешь искать первую работу в IT — https://saintcode.ru/?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=installment2410 ⚡️
Условия и подробности в телеграм у нашего менеджера: @SaintCodeMNG 🙂
🔥4
Разбираемся в том, как обратиться к элементу вёрстки через JavaScript 🏗
Вёрстка сайта готова, но на элемент нужно повесить обработчик событий — чтобы что-то происходило по клику.
Чаще всего для этого пользуются
👉 Где я могу увидеть методы getElement и getElements? JS почти не отказывается от поддержки старого кода — много сайтов написано до появления универсальных методов и они продолжают нормально работать.
👉 Почему полезно знать другие методы? Они дают более прямолинейный доступ к нужному элементу и помогут лучше понять концепцию DOM (объектная модель документа: её браузер создаёт, когда получает HTML с сервера).
👉 Когда методу нужны подсказки, а когда нет? Про решётки, точки, запись в квадратных скобках, букву s в названии метода и как правильно этим пользоваться, — читай в карусели.
Хочешь разобраться в другой теме? Задавай вопросы по фронтенду (HTML/CSS, JS, React) в комментариях 👌
Вёрстка сайта готова, но на элемент нужно повесить обработчик событий — чтобы что-то происходило по клику.
Чаще всего для этого пользуются
querySelector, но есть и другие методы: getElementsByClassName, getElementById и getElementsByTagName 🤯👉 Где я могу увидеть методы getElement и getElements? JS почти не отказывается от поддержки старого кода — много сайтов написано до появления универсальных методов и они продолжают нормально работать.
👉 Почему полезно знать другие методы? Они дают более прямолинейный доступ к нужному элементу и помогут лучше понять концепцию DOM (объектная модель документа: её браузер создаёт, когда получает HTML с сервера).
👉 Когда методу нужны подсказки, а когда нет? Про решётки, точки, запись в квадратных скобках, букву s в названии метода и как правильно этим пользоваться, — читай в карусели.
Хочешь разобраться в другой теме? Задавай вопросы по фронтенду (HTML/CSS, JS, React) в комментариях 👌
🔥6👌1
Хочешь в айти, но не веришь обещаниям крупных школ о гарантированном трудоустройстве и высоких ЗП на старте? 🫣
Приходи на бесплатный вебинар 1 ноября — расскажем честно, как учиться программированию с фокусом на первую работу 🤓
Приходи на бесплатный вебинар 1 ноября — расскажем честно, как учиться программированию с фокусом на первую работу 🤓
🔥3👍1
Вебинар проведёт Женя Гриценко, основатель SaintCode Bootcamp и карьерный консультант. К нему в гости заглянут преподаватель и выпускник школы:
😇 Андрей Бережков. Преподаватель по программированию в SaintCode и ИТМО, опытный веб-разработчик. Объясняет студентам в буткемпе сложные концепции JavaScript: асинхронный код, event loop, геттеры/сеттеры и прочую жесть.
😇 Макс Гончаров. В прошлом — предприниматель. Отучился в буткемпе и устроился фронтенд-разрабом в MasterVisor IT. Позже понял, что ему больше нравится тёмная сторона программирования и теперь занимается бэкенд-разработкой в СПбГУ.
Формат онлайн-встречи свободный — спикеры расскажут о себе и поделятся опытом, а ты можешь задавать любые вопросы по обучению программированию и поиску работы. У тебя 5, 10, 20, 30 вопросов? Круто, значит будем подробно отвечать на все 🤘
⚡️ Не пропусти: в среду, 1 ноября, в 19:00 по Москве. Вебинар бесплатный, но нужно зарегаться — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ⚡️
😇 Андрей Бережков. Преподаватель по программированию в SaintCode и ИТМО, опытный веб-разработчик. Объясняет студентам в буткемпе сложные концепции JavaScript: асинхронный код, event loop, геттеры/сеттеры и прочую жесть.
😇 Макс Гончаров. В прошлом — предприниматель. Отучился в буткемпе и устроился фронтенд-разрабом в MasterVisor IT. Позже понял, что ему больше нравится тёмная сторона программирования и теперь занимается бэкенд-разработкой в СПбГУ.
Формат онлайн-встречи свободный — спикеры расскажут о себе и поделятся опытом, а ты можешь задавать любые вопросы по обучению программированию и поиску работы. У тебя 5, 10, 20, 30 вопросов? Круто, значит будем подробно отвечать на все 🤘
⚡️ Не пропусти: в среду, 1 ноября, в 19:00 по Москве. Вебинар бесплатный, но нужно зарегаться — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ⚡️
saintcode.ru
Бесплатный вебинар для начинающих | Как стать программистом с нуля?
Основатель школы программирования SaintCode Bootcamp вместе с приглашёнными гостями расскажет, как попасть в IT и не тратить время впустую. Здесь занимаются полную пятидневку: осваивают HTML/CSS, JavaScript, React и Git, пишут проекты для портфолио, учатся…
🔥1
«Учиться нужно 24/7. Устроиться на первую работу с нуля — это 500–600 часов интенсивного изучения. Важно иметь ментора, который быстро отвечает на вопросы. Желательно не растягивать и уложиться в полгода», — говорит Андрей Бережков, преподаватель в буткемпе и спикер ближайшего вебинара 👨🏫
Андрей — опытный программист и преподаватель:
👉 11 лет преподаёт в ИТМО, его студенты выигрывали хакатоны от Сбера и МТС, а после выпуска работают в компаниях EPAM, Yandex, IT One и других.
👉 занимается Data Science и веб-разработкой. Пишет на PHP, JavaScript, Python, C# и немного Java, Kotlin.
👉 учит школьников дискретной математике и Python, разрабатывает задания для Национальной технологической олимпиады. Его ученики выигрывают международные конкурсы по машинному обучению.
Хочешь задать Андрею вопрос? Приходи на бесплатный вебинар в среду, 1 ноября, в 19:00 МСК. Регистрация — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ✨
Андрей — опытный программист и преподаватель:
👉 11 лет преподаёт в ИТМО, его студенты выигрывали хакатоны от Сбера и МТС, а после выпуска работают в компаниях EPAM, Yandex, IT One и других.
👉 занимается Data Science и веб-разработкой. Пишет на PHP, JavaScript, Python, C# и немного Java, Kotlin.
👉 учит школьников дискретной математике и Python, разрабатывает задания для Национальной технологической олимпиады. Его ученики выигрывают международные конкурсы по машинному обучению.
Хочешь задать Андрею вопрос? Приходи на бесплатный вебинар в среду, 1 ноября, в 19:00 МСК. Регистрация — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ✨
🔥2🤝1
«Учиться нужно с сиянием в глазах, с огнём в душе и с запалом в сердце! Больше наблюдай за преподавателями и потом за старшими коллегами: как они решают проблемы при помощи кода», — советует Макс Гончаров, выпускник буткемпа и спикер вебинара «Как выучиться на программиста, которого берут на работу» 💪
❤1
Макс — один из первых наших выпускников:
👉 Занимался предпринимательством в общепите и недвижимости. Недвижимость нравилась и приносила хорошие деньги, но в какой-то момент Макс выгорел и решил, что хочет в айти.
👉 Фанат живого общения и считает, что для профессионального роста важно коммуницировать с людьми, которые уже работают в айти или стремятся туда. Для него буткемп закрыл эту потребность.
👉 После выпуска в 2022 отработал 1 год фронтенд-разработчиком в MasterVisor IT, а последние полтора года занимается бэкендом в СПбГУ. Бэкенд нравится больше — тянет тёмный экран с цифрами, в которых нужно ломать голову.
Хочешь спросить у Макса про его путь в разработку? Приходи на бесплатный вебинар 1 ноября, в 19:00 МСК. Регистрация — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ✨
👉 Занимался предпринимательством в общепите и недвижимости. Недвижимость нравилась и приносила хорошие деньги, но в какой-то момент Макс выгорел и решил, что хочет в айти.
👉 Фанат живого общения и считает, что для профессионального роста важно коммуницировать с людьми, которые уже работают в айти или стремятся туда. Для него буткемп закрыл эту потребность.
👉 После выпуска в 2022 отработал 1 год фронтенд-разработчиком в MasterVisor IT, а последние полтора года занимается бэкендом в СПбГУ. Бэкенд нравится больше — тянет тёмный экран с цифрами, в которых нужно ломать голову.
Хочешь спросить у Макса про его путь в разработку? Приходи на бесплатный вебинар 1 ноября, в 19:00 МСК. Регистрация — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ✨
«Мы помогаем людям без опыта (с небольшим опытом) в программировании получить первую работу веб-разработчиком. В среднем наши студенты устраиваются через 2 месяца после выпуска», — рассказывает Женя Гриценко, основатель SaintCode Bootcamp, создатель веб-студии Kojo и карьерный консультант.
Уже завтра он проведёт вебинар «Как выучиться на программиста, которого берут на работу» 👌
Уже завтра он проведёт вебинар «Как выучиться на программиста, которого берут на работу» 👌
🔥3
Женя — человек, без которого не было бы школы:
👉 Основал буткемп в 2021 году. С тех пор выпустились 110 студентов, примерно 70% из них смогли устроиться на первую работу в айти.
👉 Учит выбирать и откликаться на вакансии, писать резюме, сопроводительные письма и проходить собеседования. Работает со студентами школы и не только — готовит людей к устройству на работу и поступлению в ведущие мировые ВУЗы.
👉 Создал при школе веб-студию Kojo. Здесь студенты и выпускники буткемпа получают первый коммерческий опыт и первые деньги за код.
Хочешь задать Жене вопрос об обучении, трудоустройстве или актуальных требованиях работодателей? Запишись на бесплатный вебинар 1 ноября — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ✨
👉 Основал буткемп в 2021 году. С тех пор выпустились 110 студентов, примерно 70% из них смогли устроиться на первую работу в айти.
👉 Учит выбирать и откликаться на вакансии, писать резюме, сопроводительные письма и проходить собеседования. Работает со студентами школы и не только — готовит людей к устройству на работу и поступлению в ведущие мировые ВУЗы.
👉 Создал при школе веб-студию Kojo. Здесь студенты и выпускники буткемпа получают первый коммерческий опыт и первые деньги за код.
Хочешь задать Жене вопрос об обучении, трудоустройстве или актуальных требованиях работодателей? Запишись на бесплатный вебинар 1 ноября — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar111 ✨
⚡️ Вебинар «Как выучиться на программиста, которого берут на работу» уже сегодня в 19:00 МСК ⚡️
Хочешь развиваться в веб-разработке не просто для галочки, а чтобы добиться результата? Заходи к нам в зум-конференцию вечером — подскажем, как учиться с фокусом на трудоустройство 👌
Вебинар бесплатный, тебе нужно только зарегистрироваться здесь ✅
Хочешь развиваться в веб-разработке не просто для галочки, а чтобы добиться результата? Заходи к нам в зум-конференцию вечером — подскажем, как учиться с фокусом на трудоустройство 👌
Вебинар бесплатный, тебе нужно только зарегистрироваться здесь ✅
👍3
Целых 12 часов с преподавателем за 3 000 руб. — это двухдневный интенсив по основам фронтенд-разработки SaintCode Bootcamp 👌
Суббота и воскресенье, 11–12 ноября. Два полных дня изучения HTML/CSS/JS в маленькой группе до 12 человек. Не пропусти, если ты:
👨💻 Хочешь попробовать свои силы в программировании.
👨💻 Ищешь подходящих наставников для изучения веб-разработки.
👨💻 Интересуешься форматом кодинг-буткемпа.
Используем метод обратной разработки: ты получаешь готовые куски кода и разбираешь вместе с преподом. Поэтому интенсив могут проходить даже люди, которые в глаза не видели «эту вашу вёрстку и джаваскрипт».
Запишись и примерь на себя роль студента буткемпа на одни выходные — https://saintcode.ru/intensive?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=intensive1112 ❤️
Суббота и воскресенье, 11–12 ноября. Два полных дня изучения HTML/CSS/JS в маленькой группе до 12 человек. Не пропусти, если ты:
👨💻 Хочешь попробовать свои силы в программировании.
👨💻 Ищешь подходящих наставников для изучения веб-разработки.
👨💻 Интересуешься форматом кодинг-буткемпа.
Используем метод обратной разработки: ты получаешь готовые куски кода и разбираешь вместе с преподом. Поэтому интенсив могут проходить даже люди, которые в глаза не видели «эту вашу вёрстку и джаваскрипт».
Запишись и примерь на себя роль студента буткемпа на одни выходные — https://saintcode.ru/intensive?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=intensive1112 ❤️
🔥1