Как создать свой сайт?

Раскладываем все по полочкам на темы верстки и программирования - все о том как создать свой сайт в пошаговых инструкциях!

Последние записи

Как стать front-end разработчиком?

Достаточно странный вопрос так как чтобы стать таковым нужно постоянно работать в этом направлении, но все же я собрал массу информации которая максимально четко ответит на все что связано с вопросом о том как с нуля причем самостоятельно можно стать отличным frontend разработчиком. 

Как и в любой другой профессии нужно понимать, на чем держится вся суть направления, например у frontend есть три кита, на которых он держится. Сказать честно без них никак и никуда. Если твои знания хромают хотя бы в одном из них, значит либо все пропало либо ты просто обязан подтянуть знания в этой области.

Что за три кита? Все просто: HTML (содержание и разметка), CSS (внешний вид, позиционирование и с недавних пор даже анимация) и JavaScript (логика).

Давайте рассмотрим каждый по отдельности.

 

HTML 

Разметка которую можно задать с помощью html образно говоря является скелетом сайта. Она задает где будет находится верхняя часть сайта, то есть шапка, где будет контент часть и что внутри нее, где будет отображаться меню сайта, ну и нижняя часть. В принципе многие сайты делаются по одну и тому же типу, а все потому что многие разработчики пытаются подстроиться под удобство пользователя.

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

В любом случае каждый frontend разработчик, а в прошлом верстальщик, знает HTML на высоком уровне. 

Самое важное, что нужно понимать, это то что сам по себе html очень простой и практичный.

 

CSS

Если говорить о css, но речь не о популярной шутер игре. Речь о Cascading Style Sheets что по сути является мышцами и кожей нашего шаблона и верстки. С помощью этой технологии мы можем делать целые картинки, задавать цвет, размеры, расстояния, даже в каком-то роде анимировать объект заставив его двигаться.

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

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

 

JavaScript

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

Может есть ещё кто-то кто видел сайты 2000-х. Если нет, то в 2010-том пусть и не все сайты но тоже были достаточно деревянными. Вебархив в помощь,если что.

Так знания javascript очень важны, я уже не говорю о таких js фреймворках как angular, react, vue.js, но на простых проектах имею ввиду cms wordpress и прочие. Там мы используем обычный javascript. Ну как обычный?! jQuery библиотека, которая сделана с целью упростить нативный синтаксис js.

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

 

Советы от frontend разработчика Allfrontend.online

Я хочу посоветовать тебе несколько важных вещей с которыми ты точно станешь крутым разработчики самостоятельно.

 

Видишь подводный камень, иди напролом

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

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

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

Читай код

Научиться читать код это самый важный скилл без которого в программировании делать нечего. Серьезно? 

Да, я так думаю. И сейчас поясню почему — представим ты пришел в команду с готовым продуктом. Тестеры нашли ошибку которую нужно исправить, и тогда какими будут твои действия?

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

Работайте в команде

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

Есть конечно там и негативные стороны но через командную работу должен пройти каждый. Это чисто мое мнение.

Фреймворки

Всю свою дорогу в веб разработке ты будешь иметь дело с фреймворками. Я в этом уверен — причем все они будут построены на архитектуре MVC. Этот паттерн разделяет приложение на три части.

  • Model — все что будет вытягиваться и вставляться в базу данных будет выполнено через модель. Все затем, чтобы ты не писал много кода каждый раз когда ты хочешь чот получить из БД. Написал разок функционал, а после используешь его много раз.
  • View — Если ты Frontend-щик, значит ты будешь максимально работать с этой частью архитектуры. По крайней мере косвенно. В view части хранится все то, что пользователь должен видеть, то есть html,css и js.
  • Controller — это уже называют backend частью, в который хранится вся логика, что за логика? Иногда полученные данные с базы данных нужно обработать, отсортировать, отсеять и так дальше, чтобы мы имели на Front части все необходимое для конечного пользователя.

Английский язык

Множество программистов из СНГ, обходятся без английского языка, но к сожалению достичь высот без него очень сложно. Дело в том, что в таком случае ты не сможешь читать документацию, а в англонете ее больше, ты не сможешь находить заказчиков которые платят больше нежели те которые у нас. 

За одну и ту же задачу ты можешь получить разное количество денег. То если наши платят максимум 3-5 долларов за твой час, причем еще будут и возмущаться, мол чо так дорого, то для американца 10-15 долларов это вполне приемлемая цена (но и это не потолок).

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

Частые вопросы

Вопрос: Где найти того кто научит?

Ответ: Ты уже пришел куда нужно. По факту ментора и не нужно, нужна лишь практика и хорошо поставленные задачи. Можешь написать мне, я с радостью отвечу на вопросы которые тебе могут быть интересны. Люблю общаться со своей аудиторией.

 

Вопрос: Нужны ли курсы по Fontend или Backend разработке?

Ответ: По факту нужны, но не обязательны. Нужны потому что там ты увидишь весь процесс, от А до Я. Причем часто после курсов остается материал, в который можно всегда подглядеть.

 

Вопрос: Я так и не понял как стать Frontend разработчиком с нуля да еще и самостоятельно.

Ответ: Это не проблема, так как все приходит со временем. Сегодня ты мог и не знать что для разработки сайтов нужен html, а завтра ты уже знаешь его на профессиональном уровне. То есть есть развитие заключается в движении вперед. Короче — просто читай мой блог, здесь ты найдешь все ответы.