@Mr_Pride7
Ничего не умею, но хочу научиться

Как начать верстать сайты для становления хорошим frontend разработчиком?

Всем привет, я тут впервые, по-этому прошу отнестись с терпением (вопрос не так сформулирован, теги не те и прочее).

Немного о себе:
параллельно изучаю html, css, js (полноценной практики, кроме step-by-step гайдов по верстке сайтов не имею)
Хочу стать frontend разработчиком.

Я понимаю, что верстальщик и frontend разработчик несколько разные вещи.В моем понимании, верстальщик- это первая ступень эволюции фронтендера(поправьте, если я ошибаюсь), ведь везде в вакансиях и на форумах пишут, что фронтендер должен знать css и html. Вопросы:

1) Насколько хорош в верстке должен быть фронтенд разработчик? (просто понимать теги, или к примеру senior frontend developer должен уметь верстать сайты любой сложности с применением фреймворков и прочих крутых технологих)
2) Стоит ли подучить такие технологии как Flex-box и css-grid, прежде чем верстать первый макет или нужно сперва набить шишки на чистом css и html?
3) По поводу адаптивной верстки, какими средствами достигается адаптивность(по-мимо media запросов)?
4) Css фреймворки насколько широко они используются профессиональными компаниями? Слышал такое мнение, что bootstrap и прочее создают простые шаблонные сайты, и профессионалу они не к чему, т.к. ограничивают его свободу действий, так ли это?

Буду безмерно рад любым советам, особенно было бы приятно услышать мнение опытных разработчиков из данной сферы, заранее спасибо!
  • Вопрос задан
  • 3051 просмотр
Решения вопроса 2
sadieff
@sadieff
Нажимаю клавиши в нужной последовательности
Мой опыт показывает:
1. С одной стороны верстать нужно и сложные макеты, чтобы они были кроссбраузерными, но и с другой - чтобы потом было легко натягивать эту верстку. Приходилось видеть плашку со скидкой, где сама скидка была прописана в стилях в виде псевдоэлемента. Конечно переделать было не долго, но все же. Или вот подобный выбор цвета в фильтре от верстальщика: https://yadi.sk/i/tgr8M-ZjH-wj-g
2. Flex-box и css-grid это не такие уж прям технологии, на изучение которых нужны месяцы. Достаточно выделить день, в песочнице попробовать что оно из себя представляет и когда это нужно использовать, чтобы не пихать туда, куда не нужно.
3. media запросов вполне хватает
4. Зависит от компании, от цели, от стоимости проекта, от времени на разработку

Но могу ошибаться, интересно мнение других.
Ответ написан
@SergeiB
1) Насколько хорош в верстке должен быть фронтенд разработчик?

Как по мне, хороший фронтенд-разработчик должен уметь верстать хорошо, особенно, если он senior. Тем более вёрстка - это действительно наименее сложная вещь в веб-разработке.

2) Стоит ли подучить такие технологии как Flex-box и css-grid, прежде чем верстать первый макет или нужно сперва набить шишки на чистом css и html?

Разделять эти технологии и "чистый CSS" неверно, ведь Flexbox и CSS Grid - это часть CSS, и ничто не мешает вам применить их при создании первого макета. Знать их несомненно нужно, а использовать следует в зависимости от того, поддержка каких браузеров требуется в проекте.

3) По поводу адаптивной верстки, какими средствами достигается адаптивность(по-мимо media запросов)?

Например, за счёт использования относительных единиц измерения (%, em, rem, vh, vw) и функции calc().

4) Css фреймворки насколько широко они используются профессиональными компаниями?

По моему мнению, в достаточной мере, причём очень часто может использоваться не весь фреймворк, а лишь его часть (напр., разработчики очень часто используют одну лишь сетку Bootstrap). Многие админки сайтов сделаны на Bootstrap.

Слышал такое мнение, что bootstrap и прочее создают простые шаблонные сайты, и профессионалу они не к чему, т.к. ограничивают его свободу действий, так ли это?

Используя исходники Bootstrap (scss-файлы), его можно модифицировать так, что никому даже в голову не придёт мысль о том, что сайт сделан на Bootstrap, поэтому мнение о шаблонности я считаю очень надуманным.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
0xD34F
@0xD34F
Буду безмерно рад любым советам

советую научиться гуглить

UPD. Вынесено из комментариев:

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

Перевожу на русский язык: "я не умею понимать прочитанное".

Ну так и нечего тогда лезть в разработку. Пейте пиво, смотрите футбол.
Ответ написан
sim3x
@sim3x
1) Насколько хорош в верстке должен быть фронтенд разработчик? (просто понимать теги, или к примеру senior frontend developer должен уметь верстать сайты любой сложности с применением фреймворков и прочих крутых технологих)
Достаточно хорошо уметь верстать и отлично знать подходы client-side optimization

2) Стоит ли подучить такие технологии как Flex-box и css-grid, прежде чем верстать первый макет или нужно сперва набить шишки на чистом css и html?
гриды и флексы - чистый цсс. Что там учить - непонятно.
Верстать нужно сразу и много

3) По поводу адаптивной верстки, какими средствами достигается адаптивность(по-мимо media запросов)?
никакими. А те кто делают адаптивность на жс - будут гореть в аду

4) Css фреймворки насколько широко они используются профессиональными компаниями? Слышал такое мнение, что bootstrap и прочее создают простые шаблонные сайты, и профессионалу они не к чему, т.к. ограничивают его свободу действий, так ли это?
Вы создаете для каждого сайта свой браузер с 0? Нет?
В чем тогда проблема взять бутстрап и за 10 минут сделать вменяемый шаблон

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы