Лучший способ НАСТОЯЩЕГО изучения javascript

В душе я дизайнер. Я перешел на позицию front-end разработчика, чтобы идти в ногу со “временем”. Я ищу способ по-настоящему изучить javascript. Большинство книг, которые я читал (а их много), учат языку, но не применяют его в реальных ситуациях. Даже такие сайты, как Codeacademy, treehouse и codeschool, похоже, используют несерьезные примеры. Когда я пытаюсь воспроизвести прочитанную литературу, я упираюсь в кирпичную стену. Может быть, дело только во мне. Я не уверен.

Мне нужна помощь в освоении JavaScript. Я могу писать HTML, CSS, SASS во сне. Я хочу сделать то же самое с JS и в конечном итоге изучить Angular и многое другое.

Есть какие-нибудь рекомендации?

Каков был ваш опыт изучения языка?

Что бы вы сделали в моей ситуации?

Войдите, чтобы прокомментировать

Чтобы оставить комментарий, вам нужно войти в систему.

Зарегистрируйтесь сегодня

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

33 комментария

Я не эксперт, я в вашей ситуации, но лучший способ научиться кодировать – это просто начать кодировать что-нибудь. создайте приложение для списка дел. или калькулятор, календарь, что хотите.

Лучший ответ прямо здесь.

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

Lynda: не слишком глубокий, но хорошая отправная точка.

Tuts+ : отлично подходит для поиска хороших проектов для промежуточных учеников.

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

Egghead.io : продвинутые уроки, продвигаются быстро, рассматривают продвинутые концепции и фреймворки (React,js, Backbone, Angular, D3).

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

Ага. Напишите немного кода. Напишите еще немного кода. Продолжайте писать. Читайте учебники. Узнайте названия вещей, которые вы пытаетесь сделать. Изучайте stackexchange.

Сейчас я на последней неделе пути “Учебное пособие для опытных разработчиков”. Это сложно, но действительно помогает понять основные вещи js.

+1 за Javascript Is Sexy. Это отличный материал.

Я очень хочу иметь такое же чувство. Надеюсь реализовать это в этом году!

Хорошо, вот другая идея.

• Найти программиста.
• Определите с ним приложение.
• Разработайте приложение вместе, чтобы он научил вас разрабатывать.
• Разработайте приложение вместе, и он научит вас кодировать.
• .
• Прибыль взаимная

Однажды я так и сделал в роли разработчика и был вполне доволен результатом.

Я думаю, что это идеальный способ!

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

Мне очень нравится эта книга. Она хорошо

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

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

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

Недавно мне порекомендовали: JavaScript Allongé – которая до сих пор была увлекательным и познавательным чтением.

Я также читал и перечитывал классику – красноречивый JS, JS: The Good Parts – и даже попробовал несколько учебников по информатике, чтобы получить больше концепций, прежде чем пытаться использовать некоторые из более сложных для понимания функций JS (apply, call, bind, etc).

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

Мне действительно интересно узнать, что скажут другие люди, и желаю вам удачи в этом начинании!

Привет! Я пришел к этому через Processing, который практически такой же синтаксис. Это была самая полезная книга/ресурс для меня:

– это серия видео, над которой я работаю, чтобы научить дизайнеров кодировать JavaScript.

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

Изучайте JavaScript правильно (для начинающих и опытных программистов) [действительно глубокое руководство по изучению] .

Вот как я подходил к изучению Javascript, Python несколько лет назад и Java недавно: – Иметь в голове проект, что-то небольшое, но захватывающее. Это будет поддерживать вашу мотивацию. Настойчивость является ключевым фактором. Без цели, которой вы увлечены, вам будет трудно придерживаться ее. – Возьмите книгу или две, здесь есть несколько отличных рекомендаций. Я нашел “Javascript The Good Parts” настолько полезной, что прочитал ее дважды. Но это было после года разработки. – Начните читать книгу(и), чтобы освоить основы. Всегда держите открытой консоль браузера, чтобы быстро проверить идеи и реализовать примеры из книги (или JSBin/Codepen . etc). – В какой-то момент вы узнаете, что нужно для реализации вашей идеи (или будете думать, что узнали), начните работать над этим. Нет необходимости изучать книгу(и) от корки до корки, очевидно. Используйте их в качестве справочника, когда вы застрянете.

Что касается ресурсов, вы также можете попробовать курсы по JS/Web dev от Udacity.

Я бы также рекомендовал их курс CS 101, чтобы получить базовые концепции CS, которые вам понадобятся в любом языке: .

Поскольку я учился на примерах, мои первые несколько проектов были халтурными. Я не хотел

Есть ли какие-либо другие аргументы в пользу отказа от изучения jQuery (при изучении javascript)? Я начинаю чувствовать себя так, как упоминал здесь Yasser – как будто jQuery выбивает меня из колеи.

Я не совсем понял, что вы имели в виду, но jQuery определенно не заменяет изучение ванильного JS. JS имеет гораздо больше функций, небольшое подмножество которых используется в jQuery, которые вам нужно знать, если вы серьезно намерены сделать карьеру в front-end dev.

Книги помогут вам определить свой набор инструментов и то, как эти инструменты работают. Точно так же, как механик знает, что такое его гаечный ключ и что он делает, именно этому вас научат Eloquent JS, JS: The Good Parts и JS The Definitive Guide.

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

Дальше вы сами должны создавать что-то.

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

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

TL:DR: Книги – это учебники для изучения ваших инструментов. Вы сами решаете, как их использовать.

Многие front end разработчики рекомендуют Eloquent Javascript: .

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

Tuts + имеет тенденцию давать вам реалистичные проекты JavaScript. проверьте их.

После того, как вы пройдете все легкие части (книги, онлайн-школы и т.д.), обязательно пройдите этот учебник от отца jQuery – Джона Ресига: Это научит вас сердцу Javascript.

Я перешел на Javascript с Actionscript (который похож), но обнаружил, что лучший способ начать работу – это визуализировать свой код.

Например, я экспериментировал с размещением квадратов на холсте. Затем я рандомизирую цвет квадратов. Затем добавляю обработчик нажатия на них и так далее.

Как уже говорили другие, главное – просто начать и написать код.

Разберите самые простые примеры и двигайтесь дальше.

Вы читали это – “JavaScript для абсолютных новичков” Терри МакНэвиджа. .

Я сам сделал это около 6 месяцев назад. После долгих исследований вариантов я выбрал Sails.js в качестве back end фреймворка и Polymer в качестве front end для создания приложения для обнаружения событий. Я потратил около 2 месяцев на изучение деталей обоих этих фреймворков, и теперь у меня есть очень сильное понимание того, как программировать и разрабатывать приложения (что на самом деле ОЧЕНЬ разные вещи; книги хороши для изучения программирования, а создание приложений – для изучения разработки приложений). За последний месяц я относительно легко научился разрабатывать приложения для iOS (работая над приложением для iOS с приятелем-разработчиком), поэтому опыт, полученный в Sails и Polymer, вполне можно перенести на iOS. Поэтому мой совет: выберите идею, выберите ф

Sails.js оказался действительно хорошим решением. Он использует множество проверенных паттернов проектирования из Rails, которые позволяют создавать приложения очень быстро (без необходимости разбираться во всех болезненных деталях каждого уровня стека), и он построен поверх Node и других надежных технологий, таких как Express, Socket.io, Grunt и т. д. Он отлично работает для всех приложений, которые я пробовал до сих пор.

Polymer – это очень интересный проект от Google, который делает стандарт Web Components доступным сегодня с помощью полифиллов и т.д. Веб-компоненты представляют очень простой способ построения фронтальной части веб-страниц с помощью компонентов, содержащих HTML, CSS и Javascript. Вы можете добавить полнофункциональную панель вкладок в свой проект, добавив простой элемент в HTML. Существует масса других вариантов (Angular и React кажутся самыми модными на данный момент), но мне нравится Polymer за его простоту и компоненты Material Design.

Я поддерживаю мнение, высказанное Джихадом Турханом. Javascript – это потрясающе, и это отличный навык, который нужно иметь – но нужно ли вам РЕАЛЬНО знать его?

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

В последнее время я работал над улучшением своих навыков работы с js и вдруг задал себе вопрос: “А что ты на самом деле собираешься с этим делать?”. Я пришел к выводу, что если я не собираюсь переключать передачи и становиться разработчиком, то это похоже на очень глубокую кроличью нору, в которую можно провалиться с не очень большой отдачей для меня лично.

В нашей индустрии так много всего, что нужно знать, и этот список, кажется, растет с каждым днем. Разве нам, дизайнерам, не достаточно иметь твердые навыки HTML/CSS/jQuery?

Книги не научат вас быть разработчиком Javascript, не говоря уже о программистах. В начале своей карьеры разработчика я покупал книги по программированию, но 99% всего, чему я научился, было сделано путем реального кодирования, а не чтения. Часть вашего мозга, отвечающая за изучение нового языка, например, французского. Изучаете ли вы новый язык, читая книги, или учитесь говорить по-французски, фактически говоря на нем?

Изучение такого языка, как Javascript, очень похоже на изучение французского. Может быть, не совсем то же самое, но сходство в том, что нужно говорить на нем, чтобы по-настоящему его выучить. Когда вы программируете, вы произносите код через пальцы. Я бы посоветовал изучить код других разработчиков на Github, разобрать его на части и узнать, как он работает.

Если вы хотите учиться онлайн, я нашел на Udemy несколько отличных курсов, ориентированных на Javascript, которые на удивление достойны и варьируются по цене (всегда есть скидки).

Также я рекомендую Eloquent Javascript.

Я пытался читать Javascript в хороших частях, но он показался мне слишком сложным.

Этот сайт мне очень помог, но есть одно но: если вы хотите использовать JavaScript в “реальном мире”, вам нужно сначала понять язык.

Еще один хороший ресурс, больше относящийся к языку программирования, чем к миру front-end:

В книгах, которые я очень рекомендую:

Эта книга поможет вам понять основы программирования и хорошие принципы и практики JavaScript.