Уроки

Все про grid. Наиболее полное руководство по css grid.

Здравствуйте! В этой статье я хотел бы обобщить все те свойства grid  layout,  которые были рассмотрены в предыдущих уроках по верстки на  grid.  Система grid  позволяет задавать направление элементам на странице сразу в 2-х направлениях в отличие от того же Flexboxa где можно задавать только в одном направлении.

css grid layout

Читать далее »

Отладка скриптов в браузере Chrome

Здравствуйте! В продолжении темы обработки ошибок в JavaScript  поговорим об отладке скриптов силами браузера. Для примера возьмем самый лучший браузер на Земле —  Chrome.

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

отладка скриптов в браузере Chrome

Читать далее »

Перехват ошибок в JavaScript, «try..catch»

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

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

А вот логические ошибки с ними все не так просто потому, что они приводят к неправильному выполнению кода программы. Поэтому для их устранения потребуется отладка программы, чтобы понять что собственно происходит на каждом шаге скрипта. Мы же с вами  здесь рассмотрим в основном локализацию синтаксических ошибок с помощью конструкции try…catch.
перехват ошибок в javascript try...catch
Читать далее »

Таймеры в JavaScript

Здравствуйе!  В этом уроке я расскажу о таком понятии как таймеры в JavaScript.  Тут надо заметить, что в JavaScript имеется так называемый  внутренний таймер-планировщик, который и  позволяет задавать вызов  любой функции через определенный период времени. Вот эти-то функции мы с вами и рассмотрим в этом уроке.

таймеры на Javascript

Читать далее »

Координаты элементов в документе

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

И соответственно координаты отвечают за позицию элемента по отношению к окну, а не к браузеру в целом.

По аналогии с CSS  координаты относительно окна браузера — это фиксированное позиционирование CSS, а относительно документа — абсолютное позиционирование.

Для удобства я буду называть  такие координаты PageX/PageY.

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

координаты элемента в документе

Читать далее »

Преимущества продвижения вечными ссылками

Как известно, внешняя поисковая оптимизация может проводиться двумя основными способами:

  • покупкой ссылок на определенный промежуток времени (как правило, на месяц);
  • а также путем покупки вечных ссылок.

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

продвижение сайта ссылками

Итак, основные преимущества продвижения вечными ссылками, как одного из основных методов SEO.

Читать далее »

Координаты элемента в окне

Здравствуйте!  В этом уроке рассмотрим такую тему как  определение координат элементов на странице.  Ведь для того чтобы поместить один элемент относительно другого на странице надо знать координаты  элемента.  Система координат в браузере построена таким образом, что  начало координат находится в левом верхнем углу, а не в нижнем левом как мы привыкли.  Для удобства координаты будем называть как  clientY/clientX.

координаты элемента на странице

Читать далее »

Размеры элементов и прокрутка веб-страницы

Здравствуйте! В продолжении темы прокрутка элементов на веб-странице в этом уроке мы с вами  рассмотрим такой вопрос как прокрутка веб-страницы и манипулирование  размерами браузера.   Как можно найти ширину браузера? Как прокрутить веб-страницу средствами JavaScript ? Ответы на эти вопросы я думаю  вы найдете в этом уроке.

Прокрутка элементов на веб-странице

Читать далее »

Размеры и прокрутка элементов на веб-странице

Здравствуйте! В этом уроке мы с вами рассмотрим как изменять размеры элементов и прокрутку элементов на странице с помощью JavaScript.  Но и хотелось бы напомнить, что для работы с позиционированием элементов на странице, вам необходимо знать позиционирование в  css, а для работы с размерами — знать как изменять размеры элемента в JavaScript.

размеры и прокрутка элементов на веб-странице

Читать далее »

Как поменять стиль элемента через JavaScript

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

  • Изменение свойства style
  • Изменение значения класса элемента

как поменять стили через javascript

Читать далее »

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: