GithubHelp home page GithubHelp logo

javascript-tutorial's Introduction

javascript-tutorial's People

Contributors

0x8badfood avatar 4ster avatar anton-isaykin avatar bezart avatar boyarskiy avatar br3t avatar burashka avatar custombuttons avatar dak07 avatar denova avatar developer88 avatar followdarko avatar frosteroid avatar golovewkin avatar gotbahn avatar iliakan avatar javascript-plunk avatar jazzis18 avatar karavaev-evgeniy avatar konstantin-agafonov avatar mhmadhamster avatar mortiy avatar myshov avatar online avatar romchik avatar upisfree avatar xmalinov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

javascript-tutorial's Issues

Добавить комментирий в статье #Как писать неподдерживаемый код?

http://learn.javascript.ru/write-unmain-code
Необходимо для новичков добавить комментарий, что данная статья является примером того, что нельзя делать.
Данный текст надо выделить в начале или в конце статьи, т.к. она интересная и смешная для раработчиков, но вводит в заблуждение новичков, которые читают данную книгу.

misspell on https://learn.javascript.ru/regexp-character-sets-and-ranges#не-нужно-экранирование

В квадратных скобках большинство специальных символов можно использовать без экранирования, если конечно * ни не имеют* какой-то особый смысл именно внутри квадратных скобок.
http://joxi.ru/9E2pMeBi4onGAY
https://learn.javascript.ru/regexp-character-sets-and-ranges#не-нужно-экранирование
Наверно должно было быть Они не имеют

Непонятная синтаксическая конструкция на https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave

На странице https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave есть текст "Если посмотреть на 1) и 3), то видно, что то видно, что на #FROM сработает сначала mouseout, а затем с #TO всплывёт mouseover." Что сие значит я так и не понял, надо бы поправить предложение, чтобы понять о чём оно.

/descriptors-getters-setters

В примерах "Два таких вызова работают одинаково:"

var user = {};

// 1. простое присваивание
user.name = "Вася";

// 2. указание значения через дескриптор
Object.defineProperty(user, "name", { value: "Вася" });

Исправьте, пожалуйста, второй пример на

Object.defineProperty(user, "name", { value: "Name", writable : true, configurable : true, enumerable : true });

Т.к. вводит в заблуждение, ведь по умлочанию св-ва false

Вроде опечатка

Здесь:
http://learn.javascript.ru/metrics#узнать-ширину-полосы-прокрутки

В решении сказано: "Создадим элемент с прокруткой, но без padding. Тогда разница между его полной шириной offsetWidth и внутренней clientWidth будет равна как раз прокрутке:"

Подозреваю, что должно быть "Создадим элемент с прокруткой, но без border ...", ибо padding учитывается в clientWidth, каким бы он не был, а вот border, если он есть, то предложенная в решении формула (var scrollWidth = div.offsetWidth - div.clientWidth;) будет работать некорректно .

DOM: insertAdjacent* для FF7-

Два последних метода не поддерживаются в Firefox, на момент написания текста, но есть небольшой полифилл [insertAdjacentFF.js](insertAdjacentFF.js), который добавляет их. Конечно, он нужен только для Firefox.

Предлагаю заменить на:

Два последних метода не поддерживаются в FF7-, но для них можно добавить эти методы с помощью небольшого полифилла [insertAdjacentFF.js](insertAdjacentFF.js).

Misspell on https://learn.javascript.ru/promise#промисификация

Функция httpGet(url) будет возвращать промис, который при успешной загрузки данных с url будет переходить в fulfilled с этими данными, а при ошибке — в rejected с информацией об ошибке:

при успешной загрузкЕ

Ошибка в тексте

http://learn.javascript.ru/metrics-window#%D0%BF%D0%BE%D0%BB%D0%B8%D1%84%D0%B8%D0%BB%D0%BB-%D0%B4%D0%BB%D1%8F-pageyoffset-%D0%B2-ie8

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

Фразу не меняет его нужно переместить перед и в дальнейшем

Опечатка в тексте. width --> height

http://learn.javascript.ru/metrics#clientwidth-height

Вероятно опечатка в тексте (не CSS-ширина, а CSS-высота):
"На рисунке выше посмотрим вначале на clientHeight, её посчитать проще всего. Прокрутки нет, так что это в точности то, что внутри рамок: CSS-ширина (!!!) 200px плюс верхнее и нижнее поля padding (по 20px), итого 240px."

Таблицы совместимости

В разделе про ES2015 может стоит сделать в конце описания каждой фичи таблицу поддержки браузерами, как это в MDN? ES6-таблица (http://kangax.github.io/compat-table/es6/) это здорово, но часто сложно сопоставить фичу с англоязычной терминологией и понять какая строка в таблице мне нужна. Или хотя бы давать прямую ссылку на конкретную строку в таблице (она так, к счастью, умеет).

ошибка в тексте http://learn.javascript.ru/bind

Вызов bind(user.sayHi, user) возвращает такую функцию-обёртку, которая привязывает вызовет user.sayHi к контексту user. Она будет вызвана через 1000мс.

Здесь слово "вызовет"лишнее.

Верстка поехала (на смартфоне)

При zoom-out на айфоне, получаются страшные штуки (см. фото)
Это началось после решения проблемы с перелистыванием для элементов со скроллом.

1
2

Ненужный блок кода в решении задачи

В решении задачи «Карусель» из главы «Введение в браузерные события» остался ненужный блок кода if – в обработчиках событий carousel.querySelector('.prev').onclick и carousel.querySelector('.next').onclick.

figures

Ты добавлял иллюстрации? Какие?

Опечатка http://learn.javascript.ru/modifying-document#%D0%BA%D0%BB%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%83%D0%B7%D0%BB%D0%BE%D0%B2-clonenode

Вызов elem.cloneNode(true) создаст «глубокую» копию элемента — вместе с атрибутами, включая подэлементы. Если же вызвать с аргумнтом false, то он копия будет без подэлементов, но это нужно гораздо реже.

http://learn.javascript.ru/metrics-window#%D1%88%D0%B8%D1%80%D0%B8%D0%BD%D0%B0-%D0%B2%D1%8B%D1%81%D0%BE%D1%82%D0%B0-%D0%B2%D0%B8%D0%B4%D0%B8%D0%BC%D0%BE%D0%B9-%D1%87%D0%B0%D1%81%D1%82%D0%B8-%D0%BE%D0%BA%D0%BD%D0%B0

Свойства clientWidth/Height, если есть полоса прокрутки, возвращают именно ширину/высоту документа, за вычетом прокрутки, а эти свойства — игнорируют её наличие.

Неоднозначно читается текст. Вместо а эти свойства лучше написать название свойств.

Читать учебник с телефона - хардкор

Это сугубо мое мнение, но попробуйте сами:

При пролистывании блока кода (из примеров) влево, если движение слишком быстрое, происходит переход на следующую страницу раздела (типа Alt + &rarr на десктопе).
В итоге, либо пролистывай "затаив дыхание", либо возвращайся по нескольку раз на предыдущую страницу и ищи место на котором остановился.

Откровенно говоря, это бесит)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.