РКН HTML и CSS

[Senpaichik]

Ребята, хочу стать front-end разработчиком, но не знаю как мне для начала выучить HTML и CSS. Может кто из вас знает источники с помощью которых вы сами выучили всё это? Буду благодарен за вашу помощь.

 

[L33roy]

гугл наше всё

 

[Senpaichik]

гугл наше всё

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

 

[MisterLeo]

На htmlacademy (Не реклама) есть бесплатный курс, лично я оттуда начинал знакомство, всё объясняется и ты практикуешься прямо там. Если вздумаешь покупать платные курсы - никогда этого не делай, сольёшь деньги впустую с шансом 99%

 

[N1ck_Root]

Привет:)
Ну смотри, я опишу то с чего начинал я и к чему пришел за определенный кусок времени.
В верстке я уже около 2 лет, год уже как работаю на фирме.
Начнем с html : Когда я только начинал , первое время я только смотрел видео от https://webdesign-master.ru/
Когда мне было что то не понятно по тегам допустим, я смотрел их описание на https://webref.ru/html
там же и описание по css.
На чистом css почти никогда не писал (начинал с sass, сейчас на работе использую scss)
Тебе не нужно учить все теги подряд, просто смотри какие больше всего используют другие ( по html 5 советую изучить все как и по css3)
Дальше идем, а дальше у нас всеми любим Bootstrap + Flex (это то что должно быть в наборе любого верстальщика)!!!!!!
Дальше, БЕМ (нужно учиться правильно и красиво писать классы ) !!!
Семантика ( нужно знать что есть теги которые обязательны допустим для меню или же секции)
Далее JQ (добавить / удалить класс по клику это азы), не помешает знание как сделать табы или коллапсы самому


Думаю тебе интересно будет узнать что спрашивали на собеседование)
1) Знание флексов + адаптив + кроссбразуерность
2) Далее дали 2 небольших макета на верстку после чего удачно взяли на работу
3) На работе все вместо html - использовали jade/pugjs пришлось учить его (отличная тема в отличие от чистого html)




Полезности
1) https://nisnom.com/
2) https://tproger.ru/articles/jquery-cheatsheet/
3) https://lpgenerator.ru/blog/2016/03/11/poleznye-jquery-snippety-chast-1/
4) https://mdbootstrap.com/
5) https://learn.javascript.ru/
6) http://w3.org.ua/
7) https://ru.bem.info/methodology/
8) https://sass-scss.ru/guide/
9) https://coursehunters.net/frontend/html
10) https://drive.google.com/drive/fold...xSY1AzRGkzYl9nMVlnQ19ZRTVZQ21jeEZhVzlkdGp6UW8
11) https://dwstroy.ru/
12) https://css-tricks.com/snippets/css/a-guide-to-flexbox/

 

[Senpaichik]

На htmlacademy (Не реклама) есть бесплатный курс, лично я оттуда начинал знакомство, всё объясняется и ты практикуешься прямо там. Если вздумаешь покупать платные курсы - никогда этого не делай, сольёшь деньги впустую с шансом 99%

Спасибо, возьму на заметку

 

[Senpaichik]

Привет:)
Ну смотри, я опишу то с чего начинал я и к чему пришел за определенный кусок времени.
В верстке я уже около 2 лет, год уже как работаю на фирме.
Начнем с html : Когда я только начинал , первое время я только смотрел видео от https://webdesign-master.ru/
Когда мне было что то не понятно по тегам допустим, я смотрел их описание на https://webref.ru/html
там же и описание по css.
На чистом css почти никогда не писал (начинал с sass, сейчас на работе использую scss)
Тебе не нужно учить все теги подряд, просто смотри какие больше всего используют другие ( по html 5 советую изучить все как и по css3)
Дальше идем, а дальше у нас всеми любим Bootstrap + Flex (это то что должно быть в наборе любого верстальщика)!!!!!!
Дальше, БЕМ (нужно учиться правильно и красиво писать классы ) !!!
Семантика ( нужно знать что есть теги которые обязательны допустим для меню или же секции)
Далее JQ (добавить / удалить класс по клику это азы), не помешает знание как сделать табы или коллапсы самому


Думаю тебе интересно будет узнать что спрашивали на собеседование)
1) Знание флексов + адаптив + кроссбразуерность
2) Далее дали 2 небольших макета на верстку после чего удачно взяли на работу
3) На работе все вместо html - использовали jade/pugjs пришлось учить его (отличная тема в отличие от чистого html)




Полезности
1) https://nisnom.com/
2) https://tproger.ru/articles/jquery-cheatsheet/
3) https://lpgenerator.ru/blog/2016/03/11/poleznye-jquery-snippety-chast-1/
4) https://mdbootstrap.com/
5) https://learn.javascript.ru/
6) http://w3.org.ua/
7) https://ru.bem.info/methodology/
8) https://sass-scss.ru/guide/
9) https://coursehunters.net/frontend/html
10) https://drive.google.com/drive/fold...xSY1AzRGkzYl9nMVlnQ19ZRTVZQ21jeEZhVzlkdGp6UW8
11) https://dwstroy.ru/
12) https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Спасибо, за полное разъяснение, очень полезная инфа!

 

[icYFTL]

Front-end это безусловно круто, но сложно как по мне с точки зрения того, что у меня, допустим, нету этого самого вкуса дизайна. (поэтому я бэк).
N1ck_Root уже накинул материала и после того, как ты научишься писать более менее красивые сайты - советую уйти в сторону реактива. То есть посмотри в сторону фреймворка VueJS - он ща очень популярен. Когда-то меня пытались обучить промышленному вебу (я спал на уроках и в конце концов съебался), но, в общем, там темы с красотой и анимацией решаются в пару строк.

Jquery устаревает.

 

[N1ck_Root]

Front-end это безусловно круто, но сложно как по мне с точки зрения того, что у меня, допустим, нету этого самого вкуса дизайна. (поэтому я бэк).
N1ck_Root уже накинул материала и после того, как ты научишься писать более менее красивые сайты - советую уйти в сторону реактива. То есть посмотри в сторону фреймворка VueJS - он ща очень популярен. Когда-то меня пытались обучить промышленному вебу (я спал на уроках и в конце концов съебался), но, в общем, там темы с красотой и анимацией решаются в пару строк.

Jquery устаревает.

А при чем здесь вкус дизайна?) Тебе же сразу дают макет готовый и ты просто его верстаешь.. Фреймворк нужно в любом случае учить..Я пока что склоняюсь к Angular (так как на работе все ангулярщики и будет проще войти )

 

[The Joker]

За меньше чем месяц выучил CSS и HTML, на htmlакадемии и ютубе, после чего сразу взяли на работу. Рекомендую.

 

[N1ck_Root]

За меньше чем месяц выучил CSS и HTML, на htmlакадемии и ютубе, после чего сразу взяли на работу. Рекомендую.

На какую ставку или же фиксу если не секрет?

 

[Monogramm]

Совет. Никогда, никогда, не юзай сололёрн

 

[Senpaichik]

Совет. Никогда, никогда, не юзай сололёрн

Почему? Все его хвалят же.

 

[Monogramm]

Я сам когда начинал учить/юзать сололёрн, столько про*бался с этой хренью, нифига не понятно. Чему-то конечно я научился но,не шибко много, потом уже на курсы пошёл

 

[Senpaichik]

Я сам когда начинал учить/юзать сололёрн, столько про*бался с этой хренью, нифига не понятно. Чему-то конечно я научился но,не шибко много, потом уже на курсы пошёл

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

 

[Senpaichik]

На какую ставку или же фиксу если не секрет?

Тоже интересно было бы услышать.

 

[icYFTL]

А при чем здесь вкус дизайна?) Тебе же сразу дают макет готовый и ты просто его верстаешь.. Фреймворк нужно в любом случае учить..Я пока что склоняюсь к Angular (так как на работе все ангулярщики и будет проще войти )

backend сила
фронт могила

 

[peacefulb]

Ребята, хочу стать front-end разработчиком, но не знаю как мне для начала выучить HTML и CSS. Может кто из вас знает источники с помощью которых вы сами выучили всё это? Буду благодарен за вашу помощь.

Ютуб + htmlbook.ru (не реклама).

 

[N1ck_Root]

backend сила
фронт могила

Нету фронта - нету бека

 

[LLIAJIYH]

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

Я, когда начинал, ставил перед собой рисунок сайта и просто старался сделать из него настоящий сайт. Так из раза в раз, начинало все получатся без гугла и тут я осознал, что стал jun-ом