Путь веб-разработчика

[pavellbor]

Макет: Mishka - интернет-магазин вязанных товаров. Третья адаптивная вёрстка. Так как верстаю бесплатно (для себя), верстка потихоньку переходит в рутину. Раньше такого не замечал. Ну ладно, остался последний макет!

Стек: HTML5, CSS3, JavaScript, Adaptive layout, БЭМ, Flexbox, Accessibility, Sass, Gulp, SVG, Retina, Pixel-perfect, Progressive Enhancement.

Ссылка на исходники: https://github.com/pavellbor/Mishka
Ссылка на главную: https://pavellbor.github.io/Mishka/index.html
Ссылка на форму: https://pavellbor.github.io/Mishka/form.html
Ссылка на каталог: https://pavellbor.github.io/Mishka/catalog.html

Мой блог в ВК: https://vk.com/webdevroad

 

[pavellbor]

Друзья, 3 июня я ухожу в армию. Забрать меня хотели ещё пол-года назад, но из-за лазерной коррекции зрения мне дали отсрочку. Теперь отсрочка вышла.

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

Но что меня действительно напрягает, это страх забыть. Забыть всё то, чему научился за последние 5 месяцев, а именно верстке (со всеми её вытекающими) и слепой печати. Боюсь, что после армии придётся начинать сначала.

Поэтому я не стал рвать жопу и довёрстывать этот последний макет. Хотя, если выложиться по максимуму, это сделать реально. Просто эти 2 дня я хочу провести со своей семьей и ни о чем не париться. Вот так.

До свидания, друзья! Ни пуха ни пера!

 

[VoiD]

Друзья, 3 июня я ухожу в армию. Забрать меня хотели ещё пол-года назад, но из-за лазерной коррекции зрения мне дали отсрочку. Теперь отсрочка вышла.

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

Но что меня действительно напрягает, это страх забыть. Забыть всё то, чему научился за последние 5 месяцев, а именно верстке (со всеми её вытекающими) и слепой печати. Боюсь, что после армии придётся начинать сначала.

Поэтому я не стал рвать жопу и довёрстывать этот последний макет. Хотя, если выложиться по максимуму, это сделать реально. Просто эти 2 дня я хочу провести со своей семьей и ни о чем не париться. Вот так.

До свидания, друзья! Ни пуха ни пера!

Почитал бложек, круто)
Как вернешься, напиши, интересно как сложится дальше

 

[Lolitaro]

Привет, в последней работе косяк на странице с калькулятором (с айпада) (:
я занимаюсь веб дизайном и немного учила верстку, в перспективе можем сотрудничать (:
не бросай это дело, у тебя все получится!

 

[Sib]

Сегодня уже 11.06.20. По идее уже должен вернутmcя из армии )

 

[pavellbor]

Так оно и есть! Упорно все повторяю.
https://vk.com/webdevroad

 

[pavellbor]

Привет. Год прошел и я вернулся. Снова к своей мечте, снова к работе...

Армия - это неоднозначное место. Думаю, о ней стоит отдельный пост написать, если руки дойдут. Но я вынес для себя положительные моменты из этого опыта: нашёл друзей, закалил характер и тело (если так можно выразиться), поднял уровень английского (была книга) и многое другое. О минусах писать не хочется.

Касательно вёрстки, процентов 30 знаний выветрилось, а остальные 70 глубоко осели и покрылись толстым слоем пыли. Поэтому ближайший месяц буду всё усиленно повторять. Также мою рутину дополню развитием слепой печати и изучением английского.

Вот такие дела. Пост получился не особо эмоциональным, после армии чувствую себя каким-то выгоревшим. Надеюсь, это временно. Спасибо, что не отписались :)

Мой блог в ВК: https://vk.com/webdevroad

 

[pavellbor]

Ребята, возник вопрос. Пока был в армии скопились деньги, поэтому есть возможность пройти платный интенсив. Выбираю между:
"Фронтенд-разработчик" HTML Academy https://htmlacademy.ru/profession/frontender
"Факультет веб-разработки" GeekUniversity https://geekbrains.ru/geek_university/web

Нужна ваша помощь, может ещё что-нибудь подскажите.

 

[Sib]

Ребята, возник вопрос. Пока был в армии скопились деньги, поэтому есть возможность пройти платный интенсив. Выбираю между:
"Фронтенд-разработчик" HTML Academy https://htmlacademy.ru/profession/frontender
"Факультет веб-разработки" GeekUniversity https://geekbrains.ru/geek_university/web

Нужна ваша помощь, может ещё что-нибудь подскажите.

Либо просмотрите пробные уроки, а также сравните программы курсов, либо решайтесь на HTML Academy. На мой взгляд, она лучшая ;-) В Академии простые, ясные, последовательные объяснения, дают отличную базу, именно БАЗУ )

 

[pavellbor]

Так-с ребята... Новости следующие. Пока был в армии скопил 6-значную сумму. Купил на них мощный ноут, телефон, одежду. С оставшейся суммой не знал как поступить, но и держать их на карте не особо хотелось. И тут меня осенило!

Лучшая инвестиция - это инвестиция в себя. Мне в глаза как раз бросилось обучение от HTML Academy "React-разработчик". Стоит в районе 150к, старт в начале сентября. Начал копать глубже, наткнулся на подобное обучение от GeekBrains, Yandex, Loftschool, Нетологии и др. При этом каждая имеет противоречивые отзывы.

Долго выбирал и решил остановиться на Академии. Изучил программу и понял, что следуя ему, я выйду на свой "старый" уровень лишь к концу декабря. Потому что именно тогда заканчивается интенсив "Профессиональный HTML и CSS, уровень 2". Это слишком долго, ведь я планирую перейти к JS уже в начале сентября. Поэтому решил следующее.

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

Также будут посты из жизни, о повышении продуктивности и др. Ну а пока я заканчиваю проходить интерактивные курсы Академии. Скоро будет новый пост. Как-то так (:

Мой блог в ВК: https://vk.com/webdevroad

 

[pavellbor]

Привет. Закончил проходить интерактивные курсы от Академии.
Ссылка: https://htmlacademy.ru/courses

Цена вопроса 490 р. По времени у меня ушло 18 дней (3-4 часа в день). Было нетрудно, ведь я прохожу их второй раз. Но считаю это необходимым, потому что хочу вспомнить всё до последней крупицы.

Вообщем, первый шаг сделан, перехожу к «HTML и CSS. Профессиональная вёрстка сайтов». Буду вспоминать. Спасибо, что со мной!

Мой блог в ВК: https://vk.com/webdevroad

 

[pavellbor]

Мой первый пост о продуктивности был про сон. Допустим, теперь вы высыпаетесь. Что дальше?

А дальше используем метод Вима Хофа. Он состоит из двух частей: первое - это дыхание, а второе - закаливание. Вся инфа в этих двух роликах:
Общее: https://youtu.be/3Q8CuP-t3uc (24 мин)
Про дыхание: https://youtu.be/CWeL1tqjt3w (10 мин)

Суть в том, что по подъему, вы выполняете дыхательную гимнастику (3 цикла), а затем идете в душ. Каждый день стойте под холодным душем на 10 секунд больше, чем вчера. Кстати, дыхательную гимнастику можно совместить с медитацией.

Я практикую всё это 2 недели, получая заряд энергии и бодрости на весь день. Готов сворачивать горы, что уж говорить о веб-разработке.

Попробуйте. Не пожалеете.

Мой блог в ВК: https://vk.com/webdevroad

 

[pavellbor]

Макет: Pink – сайт мобильного приложения. Моя четвертая адаптивная верстка. Теперь я достиг того уровня, который имел до армии. Пора двигаться дальше и переходить к JS.

Стек: HTML5, CSS3, JavaScript, Adaptive layout, БЭМ, Flexbox, Accessibility, Sass, Gulp, SVG, Retina, Pixel-perfect, Progressive Enhancement.

Ссылка на исходники: https://github.com/pavellbor/Pink
Ссылка на главную: https://pavellbor.github.io/Pink/index.html
Ссылка на форму: https://pavellbor.github.io/Pink/form.html
Ссылка на каталог: https://pavellbor.github.io/Pink/catalog.html

Мой блог в ВК: https://vk.com/webdevroad

 

[pavellbor]

Кажется, научился верстать

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

Изучать верстку я начал в феврале (или январе) 2019 год с интерактивных курсов HTML Academy. Потратил на них месяц и 490 рублей. Было интересно и познавательно. И если переводить это на манер строительных работ, то я узнал что существуют кирпичи, цемент, молоток и т.п и понял, для чего они нужны. Я приобрел базу. Довольно крепкую.

Логическим продолжением интерактивных курсов Академии были интенсивы по верстке. Интенсив 1-го уровня нацелен на то, чтобы научить верстать. Верстать правильно, изящно. Грубо говоря, он учит пользоваться кирпичами, цементом, молотком и т.п., ну и строить добротный одноэтажный домик.

Интенсив стоил около 15к. Я не мог себе позволить такую трату, а потому скачал его бесплатно и смотрел в записи. А чтобы ориентироваться на «правильность», я нашел на гитхабе верстку выпускников и сравнивал её со своей, попутно исправляя у себя ошибки.

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

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

Посмотрев все вебинары, я приступил к верстке. Я делал это быстро, но недостаточно. Поэтому я освоил Emmet и Vim, которые вкупе с слепым набором существенно ускорили мою работу. И вот, приступая к адаптивной верстке четвертого макета мне приходит повестка. А через несколько дней (3 июня 2019) меня забирают в армию.

Я выпал из реальности на год.

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

Поэтому, стиснув зубы, я начал с самого начала. С интерактивных курсов. К моему удивлению прогресс шел семимильными шагами. Видимо, мои заживо похороненные знания прятались за плинтусом :) Так я за два месяца вернул былую форму. Почти былую. Осталось заново освоить Emmet и Vim.

Что дальше? Точка. Шутка, дальше Javascript.

Мой блог в ВК: https://vk.com/webdevroad

 

[Alexrov]

Читал твой блог тут с самого начала, пока тебя не было, я прошел обучение по имеющимся тут курсам + ютуб. Устроился на работу джуном (это было не легко) и сейчас я работаю уже как 3 месяца.
Так вот, к чему я, со мной параллельно работает один парень, он проходил платные курсы в Нетологии, заплатил за все про все 120 тыс, учился год. Не знаю как и чему его учили, но его знания и умения не лезут ни в какие ворота, можно смело назвать нулевыми. Меня поставили вроде как давать ему мастер классы по возникающим вопросам, потому что вопросы у него иногда жутко глупые и наш лид не в силах сдерживать себя отвечая на них)). В команде ребята между собой даже теперь шутят про эти самые курсы, ведь его на работу взяли, только потому что у него был диплом и лид поверил, что за год и за 120 тыс должны были научить, а его тупняки списали на - "ну волнуется парень на собесах, бывает!". Как он дальше будет работать не представляю, но это уже головная боль тим-лида.

Сравни, 120 тыс руб его и 0 руб мои, срок обучения у нас был примерно одинаковым, только я учился тут и у разных, а он там и за деньги. Но если честно, то я заплатил за курс Владилену Минину, во многом его курсы мне очень помогли, а я за них не разу не платил, стало стыдно перед самим собой и я купил его курс, который скачал тут)

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

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

 

[Alexrov]

А можно узнать по каким конкретно курсам. "Тут" много всяких разных курсов, интересно по каким именно у тебя :)

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

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

html5,
css3 (flexbox, grid, анимация),
sass, (посмотреть другие препроцессоры),
bootstrap (понять как устроена, все остальные устроены примерно так же),
gulp,
webpack,
js (esm5+),
node js (npm, yarn, базовые вещи),
git,
js фреймворк на выбор (реакт, вью, энгуляр),
очень пригодится typescript, будет большим бонусом для тебя при трудоустройстве.

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

 

[Alexrov]

да, спасибо:) я уже составил список тем. А что сам проходил?

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

пиши ТС, я ему дал пояснения.

 

[Alexrov]

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

йо-хо-хо! Каракатицу мне печень...

 

[pavellbor]

Приступил к изучению JS по курсу Ивана Петриченко "Полный курс по JavaScript + React - с нуля до результата". Курс купил на Udemy за 1к. Вот ссылка: https://www.udemy.com/course/javascript_full/

Завершил модуль "Основы JavaScript" длительностью 9 часов. На практике заняло все 18. На выходе получился такой проект (писал лишь JS, верстка готовая). Список того, что реализовано, отписано в начале script.js

Ссылка на исходники: https://github.com/pavellbor/js-project-1
Ссылка на главную: https://pavellbor.github.io/Js-project-1/index.html
Ссылка на скрипт: https://pavellbor.github.io/Js-project-1/js/script.js

Вообщем, пока всё нравится, всё понятно. Перехожу к следующему модулю.

Группа ВК: https://vk.com/webdevroad

 

[pavellbor]

Ещё один модуль позади, ещё один проект в копилку. Закреплял основы на приземленных задачах. Что было сделано:

1. Оживил слайдер (.preview)
2. Оживил обратный отсчет до конца акции (.promotion__timer)
3. Привязал модалку к таймеру (5с), скроллу (конец страницы) и кнопкам (связаться с нами)
4. Карточки в секции "Наше меню на день" (.menu) выводятся из базы данных (пока из script.js).

Ссылка на исходники: https://github.com/pavellbor/js-project-2
Ссылка на главную: https://pavellbor.github.io/js-project-2/index.html
Ссылка на скрипт: https://pavellbor.github.io/js-project-2/js/script.js

Перехожу к продвинутым техникам JS. Поке.

Группа ВК: https://vk.com/webdevroad