42

Во все тяжкие: Веб-разработчик с нуля. Неделя № 7

Во все тяжкие: Веб-разработчик с нуля. Неделя № 7 IT, Программирование, Карьера, Javascript, Веб-Разработка, Frontend, Web, Длиннопост

Если вы хотите иметь то, что никогда не имели, вам придётся делать то, что никогда не делали.

Цель — Senior Frontend Developer.
Язык: JavaScript.

Исходные данные:
Возраст: 28 лет;
Образование: высшее, инженер ПГС;
Работа (настоящее время): менеджер по продажам.

Спасибо всем за поддержку и советы! Еще одна продуктивная неделя позади:

Уровень мотивации: 8 баллов (из 10).

Режим тренировки основных навыков (ежедневные занятия, кроме Вс):
1) Подъем в 06:00, отбой в 00:00 – 00:30. + 1 час на сон вечером;
2) Утренние занятия перед работой – 2 - 2,5 часа, практика;
3) Чтение 30 - 50 стр. книги по IT тематике или связанной с ней (в среднем - одна книга в неделю);
4) Подписка на HTML - Academy (выполнение 10 практических заданий каждый день);
5) Изучение теории и практика после работы, с 21:00 до 00:00.

Режим тренировки дополнительных навыков:
- Чтение 1 главы адаптированной книги на английском + аудирование (в среднем 30 мин. в день).

Сознательные добровольные (временные) ограничения:
1) Не курю;
2) Не пью алкоголь.

Итоги седьмой недели:
1) Прочитана книга Уильяма Пандстоуна «Найти умного. Как проверить логическое мышление и творческие способности кандидата». Книга скорее для кругозора, нежели для каких-то конкретных знаний и навыков. Не знаю зачем, но теперь я знаю много головоломок, которые использовались при собеседовании в компанию Microsoft;
2) Прочитана небольшая книжка Кирилла Ширинкина «Самообразование веб-разработчика». Кое-что выделил для себя полезного, некоторые вещи из книги устарели;
4) Закончил курс «Базовый по HTML и CSS»;
5) Разобрался с GIT. Теперь работаю с Github из консоли, а не через десктопную версию;
6) Практически доделал тренировочный проект по верстке. Не адаптивный, но изображения оптимизированы, добавлен файл минификатор и прогнал все это дело через autoprefixer. Также добавлены всплывающие окна посредством JS + встроена карта.
7) Разобрался с SVG графикой, порисовал кодом. Может и не пригодится, но всё-таки это база.

Проблемы с которыми столкнулся, выводы и корректировки:
1) Начало недели было очень тяжелое, так как при таком режиме сна к вечеру нервная система разгоняется и не получается заснуть! То есть организм уставший, не спал с 06:00, но мозг работает, уснуть не удается раньше 01:00, а вставать уже в 06:00, таким образом спишь всего 5 часов - это уже сильно влияет на продуктивность, делать ничего не хочется после работы. Поэтому было принято решение по оптимизации режима. Добавил 1 час сна вечером с 20:00 до 21:00 перед тем, как сесть за практику. Да...пришлось убрать вечерние залипы в ютуб. Но что бы вы подумали? Это простое решение все исправило! И более - уверен, если бы я добавил этот час с утра - такого эффекта бы не было. А вот делать такой перерыв 30-60 минут на сон в течение дня (у меня же - вечер) - это the best (Отсылка к книге Брэда Сталберга и Стива Магнесса «На пике...»)
2) Техническая проблема - комп слабый, не тянет многие вещи при одновременном запуске. Этот вопрос решу позже, пока терпимо;
3) Касательно освоения материала - проблем нет. Было конечно много загвоздок, которые пришлось нещадно гуглить. Причем, в примере всё работает, а у меня ничего не работает, wtf? Поэтому приходилось искать альтернативные пути решения. Но это, я думаю, норма.
4) И да, наконец-то, перехожу на освоение  языка Java Script. На следующей неделе я еще буду верстать один более сложный проект, но материалы изучать уже буду по JS. В целом, верстку я буду углублять и поддерживать, но уже большую часть времени буду уделять языку JS.

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

Найдены возможные дубликаты

+1

1. Прочитайте про бэм
2. <button class="button"> это сильно
3. Ставьте себе vs code и не парьтесь форматирование делается  сочетанием клавиш.
4. По своей работе скажу все с гитом работают через GUI, у нас это workthreee либо smartGit
5. Купите курс по верстки в академии, там есть код ревью и второе требование к верстки, ваш будущий коллега скажет вам спасибо.

раскрыть ветку 15
0

1 пропустите мимо ушей и никогда не используйте.

0

1. думаю чтением стоит и ограничиться. Штука не популярная, оверинжениринг, но знать про существование её стоит

раскрыть ветку 8
+1

Поотрывать бы руки всем верстальщикам кто его не использует. А то пытаешься воткнуть кнопку в любое другое место и на тебе - оказывается она правильно выглядит только если расположена в специальном div header, а тот в div wrapper или еще как-то так через ж. И потом начинаешь стили копипастить в другое место, или оригинальные переписать, а там еще какой конфликт вылазит, потом с адаптивом все то же самое и т.д...

И простенькое трехминутное задание "эта кнопка из хедера должна быть еще вот здесь в футере" превращается в кошмар на два дня.

Ненавижу.

раскрыть ветку 7
0

4. Нет

0

2. <button class="button"> это сильно

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

раскрыть ветку 1
0

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

0

поставьте себе IDE и откройте чудный мир работы без костылей прямо из редактора))

*я про всякие смартгит и ворктри

0

<button class="button"> - это лень под конец верстки.. Спасибо за комментарий. Учту моменты)

0

Блин ну не знаю. У меня такое впечатление что вы себя не программистом делаете, а хотите идеального солдата воспитать)))


Вообще это так не работает. Вы либо просто любите в чем-то разбираться, и оно идет само, либо это уже какое-то самоизнасилование.


Книги, по такой сугубо практической штуке как верстка и веб программирование - это на мой взгляд перебор. Учить JS по книге, это как-то странно. Лучше не тратьте на это время.

0
Цель — Senior Frontend Developer.

Это шутка такая ?

раскрыть ветку 1
+3

Этож не рокет сайнс. 3-5 лет плотного программинга на фронте + обучение и ты сеньер.

0

а можно поинтересоваться, сколько платят  Senior Frontend Developerу на росрынке, просто хочу ориентироваться?

раскрыть ветку 10
0

Так от компании зависит многое. hh или мой круг в помощь)

раскрыть ветку 9
0

Поставьте vscode вам уже говорили, и он сам будет предлагать установить необходимые расширения для того или иного при открытии файла, там же включите форматирование кода при сохранении или по горячим клавишам. для git можно можно использовать расширение gitlens. Если хочется отдельное GUI приложение есть удобное sourcetree от битбакета, но оно только под макось или винду. для линукса есть gitkracken. Не тратьте много времени на работу с консолью, для фронта оно вам сейчас ник чему. Дальше если пойдет консоль сама придет с опытом.

-6

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

раскрыть ветку 7
ещё комментарии
0

Я смотрю вы все еще не осилили IDE :)

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

И форматирование:

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

Так же есть смысл посмотреть более детально спеку по HTML тэгам:

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

Ну и про xHTML разметку:

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

https://github.com/OWIII/owiii.github.io/blob/master/11.Barb...

Ну там html vs xhtml :)


Ну и консоль - имхо так себе полезность) работать GUI всяк получше будет. конссольщина кроме пул\пуш - извращенство имхо. как нормально мерджить? как смотреть аннотации? историю комитов? короче 99% функционала там я даже не представляю как сделать из консоли...

раскрыть ветку 3
0

Еще не осилил, надо добраться до оформления и форматирования - это да. Я пробовал из консоли Git Bash работать, но мерджить там да, нереально, но я так понимаю есть в Xcod какие-то плагины, чтобы мерджить вот так? Это из-за редактора такие плюшки?

Иллюстрация к комментарию
раскрыть ветку 2
+1

Ну да, я прошлый раз еще перечислял полезные фишки Шторма vs другие идешки :)

Если пример мерджа, то в шторме это выглядит вот так:

Иллюстрация к комментарию
раскрыть ветку 1
-1

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

-6

И всё для того, чтобы потом чувствовать себя неловко в коллективе 17-летних школьников или 18-летних студентов, которые взахлёб радуются "программированию на react". Такие усилия ради весьма мерзенькой работы.


P.S. Когда надоест изучать недостатки, нелогичности, тупые особенности и тяжкое наследие JavaScript, переходи на C#, вздохнёшь наконец свободно.

раскрыть ветку 3
0

ну не скажите TS тоже не плохо в сочетании с ES6, C# хорош но в вебразработке он отстал уже давно. мобильное приложение так подавно еще года три назад когда xamarin актуален был. в системно производительности не хватает.  Как по мне единственное где применим для бизнеса так это в XAF, но данная область 1С любителям по душе, а человек хочет во фронт? в чем его недостаток учить JS?

0

Хех) Ну куда без этого. Но везде есть свои плюсы: школьниками и студентами легко руководить.

-1

Хм в юньке клиент на шарпах делаю. Параллельно на реакте корпоративный сайт пилим. 34. Синьор-помидор. Все устраивает, что я делаю не так?

ещё комментарии
Похожие посты
Возможно, вас заинтересуют другие посты по тегам: