Мое путешествие, чтобы стать веб-разработчиком с нуля без степени CS (и что я узнал из ...

Автор оригинала: FreeCodeCamp Community Member.

Сергея Гарсия

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

Это может не звучать как много опыта, но заканчивая мой второй год, как разработчик был для меня огромной вехой. Это потому, что у меня не было реального опыта, выполняющего веб-разработки – и не много опыта программирования в целом за пределы некоторого основного обучения C # и Java, которое я получил от нескольких онлайн-курсов. У меня также не было компьютерной науки, поскольку я окончил степень управления проектом.

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

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

Я начну с моим путешествием, в том числе то, что пошло не так по пути. Если вы просто заботитесь о том, что мои предложения на кратчайшие срочные маршруту, чтобы стать веб-разработчиком с нуля, не стесняйтесь пропустить до последнего раздела: Самый короткий путь Отказ

Итак, без каких-либо дальнейших ADO, давайте начнем!

Получать основы

После принятия решения, что я хотел попасть в веб-разработку, первый вопрос на мой взгляд был «Что я учусь?» После проведения некоторых исследований я оказался, что мой путь обучения основан на том, на каком большинстве веб-разработчиков веб-разработчика просил, что было:

Javascript
HTML & CSS.
Препроцессоры CSS (меньше и SASS)
Отзывчивый дизайн
Angularjs.
Шаблоны проектирования
Портить
Oddjs.
Задача

Вот как это пошло.

Javascript

Я начал свое путешествие, изучая JavaScript через CodeScool (оплачено) и Кодекадемия (бесплатно). Если вы не знаете об этом, они отличные сайты, которые позволяют вам научиться кодировать, кодировать внутри браузера.

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

Однажды я получил основы с пути, я приступил к крепежным фондам JavaScript, читая Красноречивый JavaScript: современное введение в программирование Книга от Haverbeke (бесплатно).

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

Вы также можете по желанию узнать jQuery (хотя я действительно не рекомендую это еще не рекомендую – больше на это позже). Вы можете узнать его через CodesChool’s Попробуйте jQuery курс.

HTML & CSS.

После изучения JavaScript я продолжил изучать основы HTML & CSS и веб-дизайна через CodeSchool’s HTML & CSS Путь обучения Отказ Эти курсы по-прежнему являются моими любимыми сегодня, поскольку Pacing – это отлично, и общий объем того, что они охватывают, позволили мне получить более сильный фонд.

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

Бонус : Если вы можете получить свои руки на Джон Гутетте HTML и CSS: дизайн и сборки веб-сайтов Книга, это также кладовая сплошная отправная точка для изучения HTML & CSS (с посыпной веб-дизайна). Это высоко оценено (4,7/5 на Amazon), предлагает прочное введение в мир веб-разработки. Это красивая книга благодаря чистому дизайну с большими буквами и красочными страницами. Я часто возвращаюсь к нему, чтобы полюбоваться этим.

Меньше/Sass.

Для тех незнакомых, меньше и SASS являются транспорты CSS, которые позволяют вам более элегантно писать CSS. Это позволяет вам делать вещи, которые обычно не поддерживаются, например, вложенные правила CSS. После завершения эти CSS транспортируют «компилируйте» ваш код и преобразуют его в обычные CSS.

Сейчас 2 основных транбилеров CSS прямо сейчас: Меньше и Sass Отказ SASS является более популярным, но я обнаружил, что узнал меньше первого, чтобы быть проще, в основном потому, что использование SASS на вашем компьютере требует также устанавливать Ruby, которые я не любил.

Вы можете получить быстрый, но полный обзор меньшего использования One illue ineher keything И это код примеров, чтобы увидеть, как ваш меньшей код превратится в CSS. Вы также можете попробовать Sass Online, используя Sassmeister (Хотя это не включает в себя примеры кода).

Неважно, сначала вы узнаете меньше или SAS. Они чрезвычайно похожи, поэтому, как только вы узнаете один, вы в значительной степени знаете другого. Вы можете найти отличное быстрое сравнение между меньшим количеством и SASS на статье Шелби Метельден Сравнение меньше и Sass Отказ

Отзывчивый дизайн

Я изначально узнал об отзывчивом дизайне и загрузочном пути, используя HTML-путь CODESCHOOL, но я недавно нашел курс uDaity, Google на Оперативные основы веб-дизайна Чтобы быть фантастическими при охватывании оснований и за пределы гораздо более полного, чем кодовой проблески.

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

Если у вас возникли проблемы с возобновлением его основных принципов, прочитайте сообщение в блоге FroOt на 9 Основные принципы адаптивного веб-дизайна Отказ Он имеет красивые чистые и простые анимации, которые помогают визуально иллюстрировать принципы отзывчивого веб-дизайна.

Angularjs.

Я действительно не знал, что именно Angularjs вернулся тогда, но я знал, что все говорили об этом, и что если я хотел стать веб-разработчиком, мне нужно было узнать его. Я нашел Google Developer’s Дизастроительные решения в Angularjs Чтобы обеспечить наилучший общий обзор того, что был Angularjs и как он улучшил создание веб-приложений.

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

Затем я продолжил изучать Angularjs через кодовую школу. С моим положительным опытом в курсах JavaScript и CSS и оттуда я ожидал ничего, кроме великого курса. Я ошибался. Курс был катастрофой от Goot Go, поскольку алгоритм, который использовался для проверки, если вы получили код пример кода, иногда не работал правильно и пометил ваше четко правильное решение как неверное. Были даже раз, когда все, что нужно, чтобы исправить сломанную систему проверки, было обновление страницы. Что касается контента курса, это тоже не было здорово. Он сделал работу в ОК, объясняя основные компоненты приложения Angularjs, но это произошло ужасная работа при интеграции их в реальное приложение, оставив мне гораздо больше вопросов, чем я начал.

После некоторых поисков вокруг форумов я наткнулся на EGGHEAD.IO (бесплатно/оплачено), где у меня было намного лучше удача. Их материал курса был намного чище чистящим, более лаконичным и более полным, создавая гораздо лучший опыт. Не говоря уже о том, что помимо их курсов, они окурилируют 2-5-минутные уроки, которые охватывают важные темы. (Например: Что такое контроллер? Что такое фильтр? Что такое $ Case?) Это делает его действительно легко понять основы. У них также есть некоторые видео, которые требуют оплата, но они обычно являются теми, которые охватывают более современные угловые темы, которые вам не понадобится до тех пор, пока не понадобится. Я взял их Angularjs Основы Конечно, и я был полностью удовлетворен результатами (а также стал большим поклонником курсов EGGHEAD.IO в процессе).

Шаблоны проектирования

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

Я нашел 2 лучших источника, чтобы узнать, что это довольствие Узоры дизайна JavaScript и Addy Osmani’s Обучение дизайна JavaScript Design Отказ Я нашел довольствие намного легче понять, в то время как книга Addy Osmani была намного более полной.

Chrome devtools.

Chrome является одним из самых мощных инструментов для веб-разработчика. Чем раньше вы освоите его, тем больше времени вы можете сэкономить позже. Бесплатный курс CodeSchool Исследуйте и мастер Chrome devtools делает отличную работу при введении их.

Git (контроль версии)

Ах, git – инструмент я никогда не знал, что мне нужно, пока я не обнаружил, что это могло сделать. Git в основном это позволяет отслеживать изменения, которые вы делаете в свой код, так что если вещи пойдут не так, вы можете вернуться к предыдущему моменту во времени. Это также позволяет увидеть историю вашего кода.

Я нашел бесплатную Попробуйте github Курс быть дружеским способом начать. Тренировка Git Atlassian был превосходным при охватах более продвинутых команд доступных. CodeSchool’s Гит Путь обучения также отлично прикрывает основы Git.

Oddjs.

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

Я попробовал курсы Codeschool на узле, но я нашел их действительно не хватает в контент. Я нашел Nodeschool.io Быть гораздо лучшим учителем при получении основных оснований, и это было весело! Мне понравилось подход к его подходу, который был похож на CodeSchool и CodeCademy – с добавленным улучшением, что я действительно бегал на ноде.

Задача Runner (Grunt and Gulp)

Grunt и Gulp были довольно большим удивлением для меня в том, что у меня не было таких инструментов, даже существовавших, но я очень рад, что они делают! По сути, эти заданные бегуны позволяют автоматизировать общие задачи. Например, помните меньше/Sass? Обычно вам придется вручную запустить компилятор CSS каждый раз, когда вы делаете редактирование для него, чтобы скомпилировать CSS, а затем обновлять браузер. Использование задача Runner, вы можете настроить его, чтобы посмотреть ваши файлы меньше/SASS для изменений, и когда он обнаруживает изменения, компилируйте ваши CSS и автоматически обновляйте браузер. Это очень полезно при сокращении времени вашего развития.

Сейчас есть 2 главных задач бегунов прямо сейчас: Grunt and Gulp. Хотя они делают то же самое, они по-разному работают, с Grunt – намного более многослойным и ориентированным на конфигурацию, и глотать, быть короче, чтобы написать и предпочитая конфигурацию кода.

Знание Nodejs поможет вам написать лучшие файлы Grunt и Gulp с Оба они бегают на Nodejs Отказ Вы можете выбрать в зависимости от того, что вы хотите, но я нашел Гсорп, чтобы быть гораздо проще, чтобы узнать и писать. Я до сих пор предпочитаю это из-за своего минимализма – но мощный – трубопроводный подход.

Я нашел курсы Scotch.io на Грунт и Гульп быть среди лучших там.

ВЫЗОВЫ Я столкнулся на моей первой работе

Как только я покрыл основы веб-разработки, я был готов к моему первое собеседование веб-разработки для позиции на уровне начального уровня. Я не буду вспоминаю информацию об интервью, так как это не основное внимание этой статьи. Но я скажу, что мне сказали, что мои относительно сильные знания JavaScript помогуте мне защитить позицию. (Спасибо, красноречивый JavaScript!)

Я должен сказать, я был довольно нервным на моем первом проекте. Он участвовал в создании многоразовых веб-компонентов с HTML, CSS и JavaScript наряду с Bootstrap, Sass, Grunt в качестве оснастки. Т

Две самые большие ошибки, которые я нашел сначала, были:

Страх перед поражением. Потому что я был новым парнем, я постоянно был постоянно в страхе перед своим кодом неправильный или плохо сделанный, поэтому я провел много времени на двойной проверке и придерживался кодирования лучших практик. Из-за этого я редко пытался предпринять решения в творческих новых отношениях из-за моего страха, что это может не работать правильно в конце. Это эффективно отключает мой диск, чтобы узнать новые вещи.
Делать вещи, потому что “х” человек, который знает лучше, чем я сказал так. Я сделал это много во-первых. Несмотря на то, что не совсем неправильно, делая вещи определенным образом только потому, что «X» эксперт по вопросу сказал так – не зная, почему – приведет ко мне не совсем зная, когда к тому, почему все было сделано так, как они были. Я скоро узнал, что были исключения для всего, и что Вы всегда должны знать причину лучших практик.

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

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

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

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

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

Другой вызов, который я столкнулся с прошлым годом, заключался в том, как прогрессировало быстрое веб-разработка. Я только что освоил Angularjs и Crunt, и чувствовал себя все гордыми и могущественными – только вскоре выяснить глоток и реагировать были на горизонте. А через год после изучения их, WebPack начал набирать землю, и мне тоже пришлось узнать это тоже. Как вы можете себе представить, большая часть меня была довольно разочарована тем, как быстро некоторые из моих знаний стали устаревшими. Но коллега скоро просветил меня, сказав мне что-то, что изменило, как я просматривал библиотеки и рамки навсегда:

Он был прав. Angularjs, возможно, стали устареть, но полностью понимая магию, позади это, помогло мне лучше понять архитектуру веб-компонентов Rection React, которая улучшила концепцию директивных директивных директоров. Это также помогло мне понять, как ReactJS получила столько популярности, а также какое будущее ожидалось.

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

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

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

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

Идти дальше

В предстоящие годы я продолжал постоянно улучшаться по следующим способам

Javascript

После того, как вы закончите красноречивый JavaScript, довольно легко сказать и чувствовать, что вы освоили JavaScript, но потом приходит Вы не знаете JS И это абсолютно уничтожает вас (или, по крайней мере, это сделало для меня). Эта книжная серия (бесплатно кстати) было отмечено мне несколько раз несколькими старшими веб-разработчиками в офисе, как книга Читать, и что только до тех пор, пока я не прочитал, я могу сказать, что я полностью знаю JavaScript. Они были правы, поскольку страница после страницы непрерывно взорвала мой разум относительно того, насколько действительно сложный JavaScript, а также многие, многие распространенные подводные камни не опытные и опытные люди без надлежащего понимания JavaScript.

Чтение того, что серия книги действительно открыла мой разум, и я также настоятельно рекомендую всем, кто хочет назвать себя экспертом JavaScript Developer. Как только вы получили это с пути, есть 2 дополнительных ресурса, которые я настоятельно рекомендую получить еще большее, более продвинутые знания JavaScript;

JavaScript, лучшие части : Удивительный разговор D. Crockford, который говорит о самых больших слабостях JavaScript, это «пушки для ног», а также как использовать их в качестве его сильных сторон.
Две колонны JavaScript : Солидная статья признанного JavaScript Medium Arter Eric Elliott, которая говорит о 2 великих столбах JavaScript: прототипное наследование и функциональное программирование

После того, как у вас есть глубокое понимание JavaScript, продолжайте Ecmascript 2015 (также известное как ES6), последний и текущий стандарт JavaScript. Статья в статье журнала Ecmascript 6 (ES6): Что нового в следующей версии JavaScript Это отличный краткий обзор того, что нового в ES6. Вы можете попробовать ES6 в браузере, используя Online Transpiler Babel Отказ

CSS.

CSS может быть грязным и дезорганизован очень, очень быстро. Было несколько разных методологий, предложенных для написания чистых CSS, но 2 выделяются, какие я настоятельно рекомендую вам прочитать о ASAP, чтобы остаться конкурентоспособным:

Smacss Масштабируемая и модульная архитектура для CSS. Гибкая гида для разработки сайтов маленьких и крупных.
Бем : Методология, которая поможет вам добиться многократных компонентов и совместного использования кода в интернет-конце.

Я лично предпочитаю SMACS из-за того, что это более чистый вид, но некоторые компании и CSS-каркасы все еще используют BEM, поэтому стоит знать оба.

Вы также должны начать фокусироваться на производительности вашего CSS. Статья в статье журнала Управление мобильной оптимизацией производительности и статья HTML5 Rocks Анимация высокой производительности Сделана прочная работа в предоставлении головы на этом. Быстро прочитанный по обеим статьям должен дать вам прочный фундамент.

JavaScript Bundlers

К настоящему времени вы должны иметь сильное понимание ворчания или глотали. Следующим шагом является добавление JavaScript Bundler на ваш Task Runner, что позволит более модульную организацию вашего приложения JavaScript.

Две крупнейшие игроки прямо сейчас:

Брасифицировать : позволяет вам потребовать модулей в браузере путем объединения всех ваших зависимостей.
WebPack : в основном просматривать на стероидах. Сложнее настроить и настроить.

Мини-курс Scotch.io Начало работы с Wapherify Может предоставить вам начать прыжок с брауриста, в то время как Статья David Fox Powell Почему кто-нибудь не может написать простое учебное пособие по WebPack ? Это отличное, весело прочитать введение в WebPack.

Лично я не провел много времени, используя WebPack, но в свое время с ним я должен сказать, что это было удивительным – даже если он немного сложнее настроить. Если вы только начинаете начать, я бы пошел на браузерификацию, поскольку это намного проще настроить. Просто имейте в виду, что WebPack – это будущее, и какие более крупные проекты начинают использовать.

Rectjs.

REVENTJS быстро набирает популярность, и, похоже, не замедляется – в той степени, в которой люди спрашивают, – это реагировать в убийстве угловых? »

Scotch.io’s Обучение React.js: Начало работы и концепции обеспечивает прочный обзор реагирования. Как только вы получили это с дороги, продолжайте курс EGGHEAD.IO на Реагистрационные основы Где вы построете полностью работающие приложение ReactJS, а затем перенесите его на синтаксис ES6. Вы можете следить за Официальные реактивные документации который очень хорошо сделан и позволит вам полностью освоить его.

Поскольку React – это только вид, он настоятельно рекомендуется выучить Redux. Большинство курсов на Redux немного сложны, но CSS трюки выравниваются с реагированием: redux Занимает большой баланс между простотой и будучи информативным при работе с Redux.

Возможно, вы также слышали о потоке в этот момент, но если вам интересно, почему вы должны использовать Redux Over Flux, проверьте вопрос о переполнении стека Зачем использовать Redux над Facebook Flux? который ответил Создателем Redux!

Оглядываясь назад на мои ошибки и то, что я узнал

Я сделал много ошибок в моих 2 годах изучения веб-разработки. В целом, я думаю, что моя самая большая ошибка не освоила основы, прежде чем перейти к библиотекам и рамкам. Я предполагаю, что это относится почти к каждому языку программирования, но, на мой взгляд, это относится еще больше для JavaScript. Это потому, что во многих отношениях JavaScript является сломанным языком и содержит много «ног» (вы должны были услышать об этом, если бы вы смотрели разговоры D. Crockford на «JavaScript, лучших частях», которые я упоминал ранее). Они могут сделать жизнь невыносимо, если вы не поймете их.

Однажды вспомним, что он застрял в вопросе Angularjs с $, что забрал мне 3 дня, чтобы отладить, только чтобы найти это даже не было проблемой Angularjs, а проблема JavaScript, которую я вызвал себе из-за того, чтобы не понять, как это работает.

Чистый код

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

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

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

jquery

Некоторые из вас могут заметить, что я также не сделал большую часть внимания на jQuery. Это потому, что в моем опыте я нашел jQuery, сделал мне больше вреда, чем хорошего сначала. Некоторые из вас могут не согласиться, но, пожалуйста, позвольте мне объяснить: когда я впервые узнал об этом, общая идея, которую я понял, это то, что jQuery была везде, и что вы могли бы использовать его для почти все. Из-за этого я привык использовать jQuery для довольно много всего, и для любой проблемы, с которой я столкнулся, я искал решение для него, который использовал jQuery.

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

Теперь вы можете думать: «Так что с тем, что в любом случае не так? JQuery не весит все так много и использовать его, вы все еще в конечном итоге, пишущий меньше, чем если бы вы сделали вещи вроде». Но с использованием jQuery по сравнению с собственными API не было проблемой. Проблема заключалась в том, что весь мой образ мышления и все решения для общих проблем, которые я знал до этой точки, не требует работы jQuery. И это стало огромной проблемой, когда я получил свой первый проект и сказал, что jQuery не была зависимостью.

Использование jQuery сделало меня бесполезным без него и заставило меня полностью игнорировать нативные методы и решения, которые всегда существовали. Он сделал все мои решения менее портативными, поскольку их использование требуется jQuery.

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

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

Курсы

Что касается материала курса; Хотя многие курсы CODESCHOOL были выдающимися (филиал HTML & CSS был специально фантастическим), даже если несколько их курсов по каркасам упали на плоской емкости (Angularjs, Backbonejs и т. Д.).

Я также принял довольно много Плуренайт Курсы, которые я не упомянул, потому что после всего этого времени я добрался до заключения, что выбирает свой учебный путь в целом Плохая идея и ненадежда Отказ Поскольку их курсы сделаны учителями, которые не всегда (на мой взгляд), очень хорошо в обучении, я нашел свое качество курса дико колебается, так как стандарты качества курса не существуют. У меня были курсы, где даже человек, давая курс, как он заснул. И я, честно говоря, не уделяю внимания, чтобы продолжать обращать внимание на 6-10 часовой курс – и многие из них в последний раз длились, если не дольше.

Я провел хорошие 80-100 часов тренировок в Pluralsight, и я честно хочу, чтобы хорошая часть этого обратно. Не поймите меня неправильно, у меня было несколько удивительных курсов по множеству, но их сосредоточенность на количестве по качеству действительно заставило меня тратить мое время. Я мог бы узнать намного больше, если бы я взял курсы из лучших источников, таких как Egghead.io и CodeSchool, где они ценят больше качества количества.

Единственная причина, по которой я когда-либо думал, что кто-то использует Pluralsight, – это пройти курс, что ни один другой веб-сайт не имеет более неясных технологий (например, InstallShield, или Xamarin), или, чтобы сделать несколько очень конкретных курсов, которые они знают, были очень хорошо приняты и рассмотрено (например, угловые основы Джона Папы).

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

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

После скидки через HTML, CSS и JavaScript путь изучения там, я вижу, вы можете легко приобретать фундамент в значительной степени все. Не верь мне? Просто посмотри на их учебные пути И скажи мне, что это не удивительно. Конечно, это немного дорого по 30 долларов США в месяц, но на мой взгляд, это невероятно стоит. (Я плачу за это прямо сейчас, чтобы выучить WordPress, поскольку мне нужно его для внештатный проект, и материал велик).

Слово на платных курсах

Мне почувствовало необходимость говорить об этом, так как я заметил общий консенсус, который вы сможете изучить программирование, не выплатив центов и будьте как конкурентоспособны, как тот, который заплатил за курс. Пока правда, я не могу подчеркнуть, что ценность платит за нужный курс. Конечно, довольно много самых ценных материалов курса, который я написал, это бесплатно, но многое также оплачено. В основном потому, что иногда вы просто не можете победить, чтобы кто-то тщательно объяснил вам вещам в визуальном порядке.

Да, есть страшные учебные платные курсы, которые я бы посоветовал против, поскольку их ценностное предложение сомнительно (см. См. Ежемесячная подписка (25-30 долларов в месяц). Кроме того, все они имеют бесплатные 7-15 дней, чтобы вы могли видеть, какой из них лучше всего работает для вас.

Если вы играете в свои карты справа, выплачивая 1-2 месяца любого из них, может легко чистоте свои знания, вы только в противном случае получите последующие метки на бесчисленные статьи и сообщения в блоге более года. Они честно, что хорошо.

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

Секретный соус для успеха

За последние 2 года я встретил много разработчиков, я был веб-разработчиком. Вдоль моего путешествия я встретил несколько разработчиков, которые действительно выделили – разработчики, которые были явно в своей лиге, и кому я и все остальные посмотрели на. Я обнаружил, что эти люди поделились довольно несколькими характеристиками, которые я хотел бы поделиться с вами прямо сейчас. Это на мой взгляд, секретный соус, чтобы быть успешным веб-разработчиком:

Люблю то, что ты делаешь. Это просто самая важная характеристика их всех. Если вы не любите то, что вы делаете (будьте это CSS Styling или JavaScript), он действительно покажет то, что вы делаете. Те, кто увлечен тем, что они делают, часто явно выделяются из толпы.
Быть щедрым и поделиться своими знаниями Отказ Очень легко захотеть держать этот новый Hack CSS/JavaScript, который вы нашли, что решает проблемы проекта в секрете, но, пожалуйста, не делайте. Люди, которые разделяют свои знания, большинство, часто являются наиболее ценными, поскольку они могут быть размещены в любой команде и улучшить его качество на огромной марже.
Всегда будь в поисках новых вещей Отказ Большинство успешных разработчиков я встречал, поделитесь этой общей чертой. Будет ли это, чтение блогов, тратит много времени в обсуждениях, связанных с программированием, или даже говорить о том, что нового в разработке веб-разработки во время перерывов на обед. Находясь в поисках новых вещей, все время позволяет лучшим разработчикам всегда оставаться в преддверии кривой.

Кратчайший путь

Whaw, эта статья заняла некоторое время, чтобы закончить (6 часов и подсчет). Мы почти закончили! Вам может быть интересно: «ОК, классная история, но какой самый быстрый маршрут?» И вот, вот это.

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

Бонус: ресурсы

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

Веб-дизайн за 4 минуты Отказ Очень творческий и оригинальный интерактивный учебник, который учит вам основы веб-дизайна.
Awwwards Отказ Ищете вдохновение веб-дизайна? Не смотрите дальше.
ПОЧЕМУ НАМИНЬ НАМИ ТРУДАЕТСЯ В TECH Эриком Эллиотт. Здесь Eric – это удивительная работа в обобщении, как оно удивительно трудно найти отличных разработчиков, и как стать одним.
NoSQL Systance Systems Mega Сравнение Кристоф Ковакус. Это превосходное сравнение между самыми популярными системами NoSQL баз данных там. MongoDB, Redis, Couchdb, Cassandra, Elasticsearch, они и больше здесь все здесь.
XSS Game Отказ Ошибки для скриптов на сайт (XSS) являются одним из наиболее распространенных и опасных типов уязвимостей в веб-приложениях. Используя этот потрясающий ресурс, вы можете узнать, как найти и использовать ошибки XSS, и как предотвратить их происходящее с вашим веб-приложением.
Как написать неизмеримый код Отказ Веселая статья о том, как не к Пишите ремонтую, чистый код.

Бонус: мои инструменты

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

Jetbrains Webstorm : Полнофункциональная веб-разработка IDE. (Мой редактор выбора) оплачивается, но предлагает 1-летнюю бесплатную лицензию для студентов.
Atom.io : Очень расширяемый текстовый редактор с IDE, как функции, конкуренцию веб-таблицы. Бесплатно.
Возвышенный текст : Молния быстрого текстового редактора с поддержкой плагинов и эстетически приятным взглядом. (Я обычно сохраняю Webstorm/Atom, установленный IDE для серьезных работ, а Sublime Text установлен для быстрых редактиров к файлам.)
Caniuse.com : Поддержка браузера имеет решающее значение для веб-сайтов, и это ресурс № 1 при понять, какие функции поддерживаются, в какой версии браузера и которые являются.
Облако 9 : Облачная среда разработки и IDE с поддержкой GIT, которая работает на Linux. Отлично подходит для программирования удаленно и тестирование NODEJS или других боковых вещей серверов без необходимости устанавливать что-либо на вашу машину
Кодепен , Дукер и Jsfiddle : Great Cloud Base Front End Playgrounds, которые позволяют вам делать демонстрацию HTML/CSS/JS, вы можете поделиться или работать в дальнейшем, если вы создаете бесплатную учетную запись. Кодепен часто лучше всего подходит для вещей, связанных с CSS из-за минималистичного интерфейса и множества функций CSS, пулькер для демонстраций JavaScript из-за его мощных функций JS и JsFiddle для демонстрации, которые вы хотите сотрудничать с другими в реальном времени, благодаря этому редактору Обмен функцией совместной работы.
Ванильный список : Репозиторий плагинов и библиотек JavaScript использует только Vanilla JavaScript (означает, что они не требуют никаких библиотек для работы, как jQuery)
Yousmightnotneedjquery : Вы, вероятно, не делаете. Посмотреть на себя.
Partavis : Вы когда-нибудь задавались вопросом, что существуют публичные API? Не смотрите дальше!
Gravit.io : Облачный дизайн накладное приложение, конкуренцию Adobe Illustrator. (Бесплатно!) Полезно для быстрых макетов и веб-дизайна.
Adobe Kuler : WebApp, чтобы помочь вам создать гармоничные комбинации цвета для любого сайта. Также есть витрина «Explore» цветовых палитров, построенных другими дизайнерами, а также системой рейтинга, чтобы помочь вам вдохновить вас.
Назовите это цвет : Перестаньте тратить много времени. Выяснение того, как назвать ваши переменные цвета менее/SASS и просто используйте их законное имя с помощью этого WebApp

Заключение

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

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

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

Я надеюсь, что это было полезно для вас, ребята, до следующего раза лучше!

March ’18 Обновление : Для тех, кто интересно, насколько я занимаюсь, вот быстрое обновление состояния!

https://medium.com/@sgarcia.dev/status-update-im-still-here-with-cool-stuff-incoming-f031bab49eca

Получать основы

Javascript

HTML & CSS.

Меньше/Sass.

Отзывчивый дизайн

Angularjs.

Шаблоны проектирования

Chrome devtools.

Git (контроль версии)

Oddjs.

Задача Runner (Grunt and Gulp)

ВЫЗОВЫ Я столкнулся на моей первой работе

Идти дальше

Javascript

CSS.

JavaScript Bundlers

Rectjs.

Оглядываясь назад на мои ошибки и то, что я узнал

Чистый код

jquery

Курсы

Слово на платных курсах

Секретный соус для успеха

Кратчайший путь

Javascript

HTML & CSS.

Инструменты разработчика

Angularjs.

Rectjs.

Задний конец

Бонус: ресурсы

Бонус: мои инструменты

Заключение

Читайте ещё по теме: