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

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

Примечание. Это тот, кто изучал Ruby в течение шести недель… сначала начните с Ruby.

ЯВАСКРИПТ. Примечание: это СТАРЫЙ Javascript.

Что это? Это просто код, используемый, пока у нас есть HTML и CSS? Нет. Это идеальная программа, удобная для пользователя и простая в использовании для создания приложений. Многие люди используют JavaScript для создания прототипов веб-приложений. Кроме того, он позволяет добавлять надстройки, а библиотеки сценариев Java могут добавить больше возможностей приложению. Такие вещи, как CoffeeScript, Node, J-Query и AJAX, являются библиотеками javascript или используют javascript, и эти инструменты заставили Google, Dropbox и Youtube работать так, как они работают!

Почему мы сначала изучаем старый JavaScript? Чтобы оценить новый…

Зачем Создателям делать это с нами?

Да, выучить язык за 48 часов может показаться безумием. Тем не менее, Ruby, более простой для понимания язык, работает очень похоже на то, как работает Javascript. Вся идея метода, переменных и, возможно, классов — все это вступает в игру и обретает смысл, когда мы ее кодируем. Я бы посоветовал сначала изучить Ruby, хотя понимание логики ляжет на ваши плечи меньшим весом при изучении синтаксиса Javascript.

Начнем: Что похоже на Ruby и Javascript.

Вместо операторов Ruby puts или print мы используем console.log() для вывода предложения.

Вместо рубиновых методов мы используем функцию вместе с ее синтаксисом.

Вместо рубиновых классов в javascript нет классов. Он просто использует функцию. Мы однако,

  • в строке 1 сначала нужно создать пустой класс, выполнив соответствующие действия. В обычных скобках мы можем разрешить классу иметь параметр.
  • в строке 3 мы можем затем подтвердить метод в этом классе, а также передать методу аргумент, как мы сделали.
  • в строке 7 мы затем должны установить новый экземпляр класса в переменную с именем приветствие, как мы сделали… var приветствие — это синтаксис для переменной
  • в строке 8 мы можем затем вызвать переменную, в которой хранится экземпляр нового класса, метод этого класса и передать ему аргумент.

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

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

Вы можете видеть, что я использовал console.log для вывода ключа some (как в содержимом some). Вы также видели, что я просто вызвал массивы, и он распечатал массивы. Что особенного, так это последние два.

nestedObject: {another: 'object'}

Это напечатает "object", если я вызову nestedObject.another.

myOtherObject.functionsToo('hi')

Это вызов метода для возврата результата, как сказано в строке 8 (иметь метод foo и возвращать foo). Здесь будет напечатано «привет», поскольку это просто выполнение метода.

Логические значения такие же, как и в Ruby. Здесь мы проверяем, больше ли длина строки 10. Поскольку это так, возвращается true.

Примечание. JAVASCRIPT очень требователен к точкам с запятой.

Примечание. Символы сравнения одинаковы, за исключением равенства. Синтаксис (===) вместо (==), как в Ruby.

Операторы IF похожи в Ruby на Javascript, если мы говорим о том, как это работает. Однако синтаксис отличается. Условие всегда будет заключено в обычные скобки, а результат — в фигурные скобки с точкой с запятой в конце.

Крутая вещь:

Большую часть кода, который мы написали до сих пор, можно протестировать в консоли Javascript, доступной в разделе «Разработчик» любого браузера.

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

Вау! Проверь это! Вам даже не нужно делать это на своем терминале. Однако, если вы хотите выполнить свой код в терминале, если вы используете редактор ATOM, вы можете…

  • Установите скрипт в свой атом (это установочный пакет, который вы можете найти в разделе установщика ATOM)
  • Нажмите command + i , чтобы вы могли получить доступ к результату своего кода javascript!

РСПЕЦ? Типа, но это Жасмин вместо этого!

Как и любой код, всегда нужно проводить тестирование. Так же, как мы тестировали Ruby с помощью RSPEC, мы можем протестировать Javascript с помощью Jasmine. Что волшебно в Jasmine, так это то, что он открывает новое окно в вашем браузере и дает вам очень приятный способ взглянуть на него.

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

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

Наши файлы src, что означает наши исходные файлы, где мы фактически написали наш код.

Наш файл lib (где в Ruby находится весь наш код) на самом деле находится в нашем файле Ruby… на самом деле это место, куда мы заходим во все наши файлы представлений.

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

Если мы зайдем в нашу папку, у нас также будет Spec Runner, который позволяет нам запускать Jasmine и требовать запуска файлов.

Здесь, в строке 14 и строке 17, мы утверждаем, что для запуска требуются файлы. Мы делаем это, написав скрипт и исходный код внутри него. Это важно, потому что нам нужно указать исполнителю спецификаций, какие файлы запускать!

Если мы затем щелкнем файл в нашей папке Finder, мы получим этот результат (на основе написанного нами кода)

Другие забавные вещи:

Если мы хотим что-то закомментировать, вместо # в Ruby мы используем двойную косую черту.

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

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

Если мы хотим напечатать определенное количество символов, существует метод под названием substring, который позволяет нам установить ограничение на то, какой символ выводить сначала, а затем последний. Помните, что первый указанный символ всегда будет 0.

Все идет нормально? Если вы изучили Ruby, отлично, это должно хорошо связать. Если нет, то это что-то новое, но возможное для понимания! Друзья, это гонка Javascript, и пусть гонка продолжится на следующей неделе.

Интересный факт дня:

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

~ Совет Дании для первого дня в Makers.