А в прошлую субботу был выпуск первой группы на менторстве по React. И так как материал получился классный, я собрала его в интенсив. Первое видео можно посмотреть бесплатно по ссылке http://webinsidepro.tilda.ws/intensive-portfolio-react

Всем привет! Как вы могли заметить, я обновила аватарку и описание канала. Все что я делаю об IT, теперь будет существовать в виде единого проекта Web Inside Pro. Возвращаюсь к истокам, но в обновленном видении 🙂

Сюда я буду дублировать посты из канала сообщества в Инстаграм, а также выкладывать лонгриды и ссылки, которые не помещаются в Инстаграммный формат!

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

За 10 лет работы программистом и 3 года работы ментором и наставником я поняла 3 важные вещи:

- каждый человек талантлив и каждый может достичь успехов в том деле, которое ему искренне интересно.

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

- работа в группе идет быстрее и эффективнее чем 1 на 1, так как помимо наставника участники поддерживают и мотивируют друг друга.

В комментарии к этому сообщению вы можете поделиться сложностями, которые есть прямо сейчас в обучении или росте в IT-профессии, а я постараюсь помочь найти решение😉

Сделала небольшой опрос, чтобы понять какие темы сейчас наиболее актуальны для вас, заполнение займет 1-3 минуты 🙂 https://forms.gle/annLW8dDYYeZee1i6

И еще один опрос для тех кто уже работает в ИТ и хочет делиться знаниями с другими https://forms.gle/JTf8GXdUuWxWAgkW6

Всем привет! В Инстаграм на этой неделе вспоминали верстку, а здесь поделюсь важными темами в текстовом формате.

Семантическая разметка.
Чтобы ваша HTML-разметка была читабельной, корректно индексировалась поисковиками и могла быть доступка на любых устройствах, используйте семантические теги, например <h1>, <h2> для заголовков, <nav> для навигации, <section> для отделения логически блоков.
Подробнее о семантической разметке - https://htmlacademy.ru/blog/html/semantics

Блочные и строчные элементы.
Блочный HTML-элемент:
- Имеет CSS-свойства ширины и высоты width и height.
- Имеет CSS-свойство display: block
- Если не задана ширина растягивается на 100% своего контейнера
- Внешние и внутренние отступы, рамка будут отодвигать от него другие элементы.
примеры блочных элементов <p> и <section>

Строчный элемент:
- Он НЕ будет начинаться с новой строки.
- Имеет CSS-свойство display: inline
CSS-Свойства width и height не будут применяться.
- Вертикальные отступы будут применяться, но не будут отодвигать другие строчные элементы.
- Горизонтальные отступы будут применяться и будут отодвигать другие строчные элементы.
примеры <span> <a>
Подробнее о блочных и строчных элементах: https://developer.mozilla.org/ru/docs/Learn/CSS/Building_blocks/The_box_model

Отступы HTML-блоков, свойства padding и margin.
Внешние отступы, то есть расстояние от одного элемента до другого задаются CSS-свойством margin - https://developer.mozilla.org/ru/docs/Web/CSS/margin

Внутренние отступы, расстояние от внешних границ элемента до его контента задаются CSS-свойством padding - https://developer.mozilla.org/ru/docs/Web/CSS/padding

Было полезно? Ставь лайк! Вопросы по темам и предложения оставляй в комментах к посту!😉

Сегодня расскажу чем занимается фронтенд разработчик в ИТ-компании:

- Адаптивная верстка веб-приложений
- Программирование взаимодействий с пользователем на JavaScript или TypeScript
- Работа с системой контроля версий Git и различными системами на ее основе GitHub GitLab Bitbucket
- Разработка на одном из фреймворков React Vue или Angular
- Тестирование кода, например на Jest + RTL
- Разработка серверного рендеринга страниц SSR
- Работа в системе управления проектов Jira или другим менеджером задач

Подробную карту развития фронтенд разработчика скачивайте по ссылке https://drive.google.com/file/d/1Pfkhj2tc16ElguWWynR4a9S2VWLwAJGD/view?usp=sharing

Варианты компаний для веб и фронтенд-разработчиков в 2023 (Часть 1):
⠀
Веб-студии: Здесь вы создаете уникальные сайты для различных клиентов, включая небольшие магазины, рекламные лэндинги и сайты школ. Вам понадобятся навыки верстки (HTML+CSS) и опыт работы с CMS, такими как WordPress или Битрикс, а также JavaScript. Это отличный старт для начинающих, но рост зарплаты может быть ограничен.
⠀
Технический IT-отдел: Здесь вас приглашают компании, не связанные напрямую с IT, но нуждающиеся в технологических решениях, например, торгующие недвижимостью или сотовые операторы. Обычно здесь есть гибкость в выборе технологий, что отлично подходит для новичков, хотя ограничения в процессах могут замедлить рост.
⠀
Fintech проекты: Это работа в IT-отделе крупных банков с жесткими процессами и технологическим стеком. Здесь можно улучшить базовые навыки и изучить процессы разработки IT-продуктов. Однако бюрократия может быть минусом.
⠀

Варианты компаний для веб и фронтенд-разработчиков в 2023 (Часть 2):

IT-стартапы: Здесь вы будете частью небольшой команды, создающей новые технологические решения. Это подходит для опытных разработчиков, готовых к вызовам и способных устанавливать процессы самостоятельно. Новичкам может быть сложно, если они не готовы к самостоятельной работе.
⠀
БигТех: В таких гигантских компаниях, как Яндекс, Google, Amazon, требуются выдающиеся специалисты. Здесь можно учиться у лучших, но ожидается высокая производительность и возможно отличия в технологическом стеке. Будьте готовы к интенсивной работе.
⠀
Поделитесь своим опытом и предпочтениями! В какой из этих компаний вы работаете или хотели бы работать?