И еще один опрос для тех кто уже работает в ИТ и хочет делиться знаниями с другими 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, требуются выдающиеся специалисты. Здесь можно учиться у лучших, но ожидается высокая производительность и возможно отличия в технологическом стеке. Будьте готовы к интенсивной работе.
⠀
Поделитесь своим опытом и предпочтениями! В какой из этих компаний вы работаете или хотели бы работать?

Всем привет! Сегодня на уроке английского посомтрела интересное видео о том как эффективно изучать новый материал. Заодно можно потренировать инглиш) https://youtu.be/TjPFZaMe2yw?feature=shared

Всем привет! В ноябре хочу взять 4 человека на консультации.

1. Разбор сложных тем по фронтенду.

2. Мок-интрвью фронтенд.

3. План развития. Смотрим что сейчас по скиллам и строим траекторию развития.

Кому актуально, пишите в личные сообщения @elis_kry😉

SSR во Front-end

SSR это технология рендеринга контента на сервере вместо рендеринга в браузере CSR.

В CSR Исходный HTML-документ, полученный от сервера, содержит обычно минимальную разметку и ссылки на JavaScript-файлы, которые выполняются на стороне клиента, в браузере, и отвечают за создание и отображение контента на странице.

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


Преимущества и недостатки SSR перед CSR.

Пользователь сразу видит страницу и не ждет пока скрипты отработают в браузере.
Поисковые системы не всегда могут выполнять JS код, что плохо влияет на СЕО оптимизацию, SSR решает эту проблему.
SSR сложнее в реализации чем CSR так как разработчику нужно разворачивать и настраивать сервер.

Пользовались этой технологией? Как вам?

Всем привет! До 14 ноября идет распродажа моих интенсивов. Больше таких акций не будет до следующего года.

1. Интенсив сайт портфолио на React. 3990 вместо 5000 руб. В ходе работы вы создадите свой сайт портфолио на React, получите базовые навыки работы с этим фреймворком. Также есть бонусный урок по созданию сервера для обработки e-mail на Node.js. Первый урок бесплатно смотреть по ссылке http://webinsidepro.tilda.ws/intensive-portfolio-react

2. Интенсив по Git и GitHub. 1990 вместо 3000 руб. В ходе интенсива научитесь профессионально работать с git из консоли, а также узнаете фишки работы с GitHub. Первый урок также доступен к просмотру по ссылке http://webinsidepro.tilda.ws/git-intensiv

С наступающим Новым годом! Пусть в следующем году получится покорить все профессиональные вершины! Найти новую работу или получить повышение!🥳🥳🥳