JavaScript

Вышел новый онлайн-курс «JavaScript в браузере»

Влад Мержевич

Реклама

В разделе «Основы JavaScript» появился новый курс — «JavaScript в браузере». Он состоит из 21 задания, включая два испытания от Кекса. Посмотрим, как JavaScript работает в браузере, а не в консоли, как взаимодействует с разметкой. Узнаем, что такое DOM и создадим разметку с JavaScript.

Кекс, естественно, подготовил новое техническое задание:

«Мяу! На сайте магазина мороженого надо отображать актуальное состояние товаров: «в наличии», «нет в наличии», «хит». Ещё будет нужно создать карточки товаров, основываясь на данных, полученных с сервера.

Все детали я описал в заданиях.»

Курс доступен по подписке.

Знакомство с JavaScript

Влад Мержевич

Реклама

В прошедший понедельник Кекс бросил вызов нашим подписчикам социальных сетей: до конца недели набрать 500 репостов записи, чтобы взломать курс «Знакомство с JavaScript». И уже в четверг курс был взломан — теперь он доступен для всех и навсегда.

Из курса вы узнаете, как работают переменные и операции в языке, какие бывают типы данных. В конце предстоит написать программу по техническому заданию от Кекса:

«Мяу! Мне нужно привести себя в форму к выставке CatFashionExpo2018. Для этого мне нужен свой особый фитнес-калькулятор. Возьмётесь?»

Основы jQuery

Влад Мержевич

Добавилось руководство для начинающих по основам jQuery от Ребекки Мёрфи, ведущего разработчика на JS.

Целью этой книги является обзор JavaScript-библиотеки jQuery. После завершения чтения вы должны уметь решать основные задачи с помощью jQuery и иметь прочную основу для продолжения обучения.

Знакомство с JavaScript

Влад Мержевич

Появился мой перевод небольшого руководства для начинающих Знакомство с JavaScript. Скажем, совсем для начинающих.

Иконка рядом с внешними ссылками

Крис Койер

Пару недель назад я открыл код JSFiddle от CSS Wizardry в моём браузере. Я продолжаю думать об этом, потому что до этого получил от кого-то письмо, где по сути спрашивали то же самое, и эта идея застряла у меня в голове. Они хотели вставить иконку рядом со ссылкой и использовать для этого только CSS. К сожалению, я не нашел способа сделать именно так, но с помощью некоторого jQuery мы можем добиться результата довольно легко.

Как сделать, чтобы текстовое поле при получении фокуса меняло цвет рамки?

Рамка вокруг текстового поля создается с помощью стилевого свойства border, которое добавляется к селектору INPUT. Фокусом же называется активность элемента, в данном случае, когда курсор находится внутри текстового поля и пользователь может вводить символы с клавиатуры.

Как открыть ссылку в новом окне?

По умолчанию ссылки открываются в том же окне, где они расположены. Чтобы любая ссылка открывалась в новом окне, к тегу <a> следует добавить атрибут target со значением _blank.

Можно ли изменить вид всплывающей подсказки?

Всплывающая подсказка, добавляемая к изображениям через атрибут title тега <img>, является системным элементом, поэтому вид подсказки зависит от используемого браузера, операционной системы и ее настроек. Хотя напрямую изменить оформление подсказки нельзя, допустимо пойти обходным путем и имитировать всплывающую подсказку с помощью JavaScript.

Ссылки во фреймах

Влад Мержевич

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

Предположим, у нас есть документ, состоящий из двух фреймов, названных MENU и CONTENT, как изображено на рис. 1.

Вид документа с фреймами

Рис. 1. Вид документа с фреймами