background preloader

JS

Facebook Twitter

Замыкания в Javascript [Часть 2] / Хабрахабр. Выразительный JavaScript: Введение / Хабрахабр. Learn Angular by Building a Gmail Clone. AngularJS Tutorial Build a Gmail Clone Introduction Build a simple email application and learn core AngularJS concepts.

Learn Angular by Building a Gmail Clone

By the end of this tutorial you'll be able to see (fake) emails, search by subject line, and read / delete emails. Prerequisites: Understand how to build a basic Javascript application with jQuery Know how to launch a basic HTTP server (e.g. python -m SimpleHTTPServer Be able to clone a GitHub repo. Запись процесса автоматизации с Grunt - ToHTML.it. В рамках проекта markup-process, для которого я ранее записывал полный процесс верстки макета с нуля, записал еще одно видео про автоматизацию с Grunt: Как и в прошлый раз, видео ускоренно в 2 раза, и процесс записан без подготовки.

Запись процесса автоматизации с Grunt - ToHTML.it

Запись полного процесса верстки макета по MCSS - ToHTML.it. По мотивам доклада про быструю верстку в сообществе поднялась тема о записи процесса разработки.

Запись полного процесса верстки макета по MCSS - ToHTML.it

Вдохновившись идеей и учитывая ранние планы по подготовке развернутого примера верстки по методологии организации стилей MCSS, я выцепил один из случайно попавшихся мне макетов и записал весь процесс разработки. Что бы не откладывать реализацию идеи я воспользовался подручным QuickTime плеером для записи скринкаста и расставил сопроводительные комментарии прямо в YouTube. Записывал в несколько этапов, отлучаясь на важные дела. Процесс разработки запечатлен от начала до конца, без предварительной подготовки кроме шаблона проекта с Grunt и настройки инструмента browser-sync. Построение надежных веб-приложений на React: Часть 1, браузерные прототипы.

Перевод статьи «Building robust web apps with React: Part 1, in-browser prototypes», Matt Hinchliffe От переводчика: это первая статья из цикла «Building robust web apps with React», если статья пойдет хорошо, переведу остальные части.

Построение надежных веб-приложений на React: Часть 1, браузерные прототипы

Когда я смотрю на то, как устроены браузеры и протоколы, на которых работает веб, мне становится как-то тревожно. Есть столько всего, что может и, обычно, идет не так, что становится удивительно, как хоть что-то из того, что мы пишем, вообще работает. Надежность «вопреки всему» происходит от отказоустойчивости и обратной совместимости, которые укоренились в ключевые части веб-стека. Замыкания в Javascript [Часть 1] Перевод статьи Ричарда Корнфорда Javascript Closures.ВведениеРазрешение имен свойств объектов Присваивание значенийЧтение значений Разрешение имен идентификаторов, контексты исполнения и цепь областей видимости Контекст исполненияЦепь областей видимости и свойство [[scope]]Разрешение имен идентификаторов ...

Замыкания в Javascript [Часть 1]

Введение Замыкание Замыкание — это выражение (обычно функция), которое может иметь свободные переменные, вместе со средой, которая привязывает эти переменные (т.е. “замыкает” это выражение). Замыкания относятся к наиболее мощным особенностям ECMAScript (javascript), но они не могут быть применены должным образом без понимания. Самое простое объяснение замыкания в том, что ECMAScript допускает вложенные функции, определения функций и функции-выражения (function expressions) внутри тел других функций. К сожалению, правильное понимание замыканий требует понимания механизмов, которые стоят за ними, и немало технических подробностей.

Всё, что вы должны знать о прототипах, замыканиях и производительности. Не всё так просто.

Всё, что вы должны знать о прототипах, замыканиях и производительности

ReactJS in a nutshell. Часть 1. Добрый день, уважаемые читатели.

ReactJS in a nutshell. Часть 1

В последнее время на Хабре все чаще упоминается такой замечательный фреймворк, как React.js. После всех асинхронных вызовов. Итак, мы пишем приложение с кучей асинхронных запросов.

После всех асинхронных вызовов

Нам надо отправить два асинхронных запроса и обработать их результат только после того, как будет получен результат обоих. Например, это могут быть ассинхронные обращение к файлу и запрос к базе, результат которых надо сложить вместе и обработать. Или два аджакс запроса. Но особенность асинхронных запросов в том, что мы не знаем, какой из них придёт первым, а какой — последним.

Решают это разными способами, но я не видел еще красивого и изящного. Var process = processFsAndDb.after('fs', 'db'); asyncFsAccess( file, process.fs); asyncDbAccess(query, process.db); Ожидание нескольких событий в nodejs. Наверное, каждый, кто начинает изучать nodejs, испытывает трудности с переходом на событийно-ориентированное программирование.

Ожидание нескольких событий в nodejs

Все просто, пока мы можем выполнять действия последовательно: начинать следующее, дождавшись завершающего события от предыдущего. Но что делать, если таких действий много и они продолжительны во времени? А если мы не можем продолжать, пока не дождемся завершения каждого из них? Все просто Небольшое отступление. Console.log("begin"); setTimeout(function () { console.log("2000ms timeout"); setTimeout(function () { console.log("1500ms timeout"); setTimeout(function () { console.log("1000ms timeout"); setTimeout(function () { console.log("final"); }, 500); }, 1000); }, 1500); }, 2000); console.log("end"); Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах. Привет, Хабра!

Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

При разработке игр на JavaScript часто возникает необходимость создавать множество объектов. О том, как правильно это сделать и не утонуть в коде, я рассказывал, примерно — месяц назад на Frontend Dev Conf в Минске. Возможно, доклад будет интересен тем, кто не был на конференции и сталкивался с проблемой создания множества объектов, либо является разработчиком HTML5 игр.

Логические операторы. В JavaScript поддерживаются операторы || (ИЛИ), && (И) и ! (НЕ). Они называются «логическими», но в JavaScript могут применяться к значениям любого типа и возвращают также значения любого типа. Оператор ИЛИ выглядит как двойной символ вертикальной черты: