Разработчик Qlik Sense. Шаг №1: основы веб-разработки

Являясь разработчиком QlikView, я наслаждаюсь свободой, которую дает мне QlikView при настройке внешнего вида одной диаграммы или макета всей панели инструментов. На первый взгляд, Qlik Sense упрощает создание визуальной аналитики за счет этой свободы. Однако, если вы углубитесь в изучение этого вопроса, и воспользуетесь преимуществами соответствующих API, то обнаружите, что Qlik Sense позволяет вам делать больше, чем вы могли бы сделать в QlikView.

Единственной загвоздкой для разработчика QlikView является то, что необходимо добавить веб-разработку в набор навыков.

Установка требований

В классе дизайнеров и разработчиков QlikView мы изучаем каждую функцию скрипта и функцию-выражение, которую должны знать большинство разработчиков. Однако, для новых разработчиков не редкостью является борьба с тем, чтобы понять, как эти функции применяются в реальных ситуациях. Они также склонны забывать ряд концепций, которые не связаны с их текущими потребностями. Несмотря на это, у них есть достаточно общих знаний, чтобы создать свои первые приложения QlikView. Только после того, как они создадут свои первые приложения QlikView, а затем прочтут обширную книгу о QlikView, такую как QlikView 11 для разработчиков, или QlikView Для Вашего Бизнеса, их мозг начинает понимать все концепции, которые они изначально узнали и забыли во время обучения на QlikView Designer and Developer.

Я думаю, что этот процесс будет таким же, как мое обучение созданию расширения визуализации Qlik Sense, а затем, мэшапов. Десять предложенных мною шагов не являются водопадным типом процесса разработки, а скорее серией итерационных шагов, которые необходимо постоянно повторять с течением времени. Другими словами, я не ожидаю, что, прочитав одну книгу о JavaScript узнаю все, что необходимо знать о предмете. Я планирую повторить шаг 1 и провести анализ основ веб-разработки на протяжении всего учебного процесса.

Основы веб-разработки

Александр Карлссон, инженер по связям с разработчиками в Qlik, сформулировал тезис, что существенные элементы, которые необходимо понять, чтобы стать разработчиком Qlik Sense, — это HTML, CSS и JavaScript.

HTML

HTML – это средство создания структуры расширения визуализации Qlik Sense. Он позволяет создавать несколько элементов, таких как текст, таблицы, разделы страниц, изображения и масштабируемые векторные графики (SVG). Синтаксис довольно прост в освоении. Например, мы используем тег <h1> для определения текстового заголовка. Мы помещаем желаемый текст в виде заголовка между открывающим тегом <h1> и закрывающим тегом </ h1>. Основной заголовок этого раздела создается с использованием следующего HTML.

<h1>Web Development Fundamentals</h1>

CSS

Визуальный стиль расширения определяется с помощью CSS. HTML и CSS настолько тесно переплетены, что часто их изучают вместе. Он позволяет определять шрифт, цвет фона, границу, положение и другие визуальные свойства HTML-элемента. Например, продолжая наш пример HTML из предыдущего абзаца – чтобы все главные заголовки отображались красным цветом мы используем следующий код CSS:

h1 {

color: red;

}

Подобно HTML, синтаксис CSS также довольно прост в изучении. Хитрость использования обоих языков заключается в том, чтобы запомнить, какие теги и свойства стиля доступны, и вспомнить, какое влияние оказывает каждое свойство стиля на каждый тег. Когда я пишу свой собственный код, я открываю руководство  w3schools.com, чтобы я мог постоянно находить и экспериментировать с наиболее распространенными элементами HTML и CSS.

JavaScript

Наконец, мы используем JavaScript для динамического определения HTML и CSS, которые составляют расширение Qlik Sense. Например, мы могли бы добавить заголовок к расширению, используя следующий код JavaScript.

$element.append( «<h1>Web Development Fundamentals</h1>» );

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

JavaScript изучить сложнее, чем HTML или CSS. Следующая схема для обучения интерфейсу веб-разработки была создана пользователем GitHub kamranahmedse. Это дает нам общее представление обо всех средах, инструментах и библиотеках, которые связаны с частью веб-разработки JavaScript.

Хотя, приведенная выше схема предполагает, что мы начинаем выстраивать значения после изучения этих концепций, мы можем и должны начать создавать веб-расширения Qlik Sense, как только узнаем основы. Далее мы можем постепенно накапливать знания, как только начнем применять их на практике.

Изучая основы, я рекомендую вам изучить  DOM и  jQuery. Когда я впервые начал изучать JavaScript, я думал, что методы, которые взаимодействуют с документами  HTML (например, document.getElementById()), являются родными для JavaScript. Позднее я узнал, что они фактически являются частью API под названием DOM. Большинство ресурсов обучающих JavaScript включают DOM, поскольку это важная часть языка. Это также неотъемлемая часть развития расширения Qlik Sense.

jQuery не так важен при обучении DOM, но он довольно распространен и подбирается относительно легко. В общем, он предлагает нам более простой способ манипулирования DOM и управления отдельными элементами HTML , CSS. Например, append(), который я использовал выше для добавления заголовка в расширение, на самом деле является методом jQuery. В качестве доказательства его популярности я действительно узнал о нем из примера кода в разделе справки Qlik Help’s о том, как создавать свои первые расширения.

Образовательные ресурсы

Мой первый шаг к обучению HTML, CSS и JavaScript заключался в том, чтобы найти книгу для новичка с кратким изложением сути. Получив общее представление о веб-разработке, после первого круга прочитанных книг, я продолжал искать другие ресурсы, которые предлагают новые перспективы и повышают накопленные знания. Ниже приведен составленный мною рабочий список ресурсов, касательно создания расширений Qlik Sense.

Книги

A Smarter Way to Learn HTML & CSSA Smarter Way to Learn JavaScriptA Smarter Way to Learn jQuery

Автор: Марк Майерс

Формат: Книга

Платный: Да

Уровень: Новичок

Эти три книги отлично подходят для всех, кто не знает, что такое веб-разработка. Также, они являются хорошим пособием для тех, у кого мало опыта, и кто хочет убедиться, что у них есть понимание основ. Каждая глава включает 20 хорошо подготовленных интерактивных упражнений. Каждая глава, также настолько короткая и сфокусирована на определенном вопросе, что у вас никогда не будет оправдания, чтобы не изучать, по крайней мере, одну главу в день. Мое единственное предостережение – не увязните, выполняя все упражнения. Я рекомендую вам делать только первые несколько упражнений из каждой главы, чтобы «включить умственные механизмы» и стимулировать мозг. Если выполнять все упражнения каждой главы, вы рискуете, быстро утомится  и потерять интерес. Даже если вы новичок в веб-разработке, вы сможете сделать свои первые расширения после прочтения этой серии.

HTML and CSS: Design and Build Websites

Автор: Джон Даккет

Формат: книга
Оплата: да
Уровень: новичок

Я решил купить эту книгу, потому что это бестселлер №1 на Амазоне, и после его прочтения я начал задаваться вопросом, как часто бестселлером №1 становятся вследствие самоуничтожения. Книга, которая досадно доступна только в неэлектронном формате, является эстетически приятной и хорошей альтернативой A Smarter Way to Learn HTML & CSS, но нет необходимости читать и то, и другое. Я по-прежнему предпочитаю серии Smarter Way, потому что они доступны в электронном формате и включают в себя легкодоступные интерактивные упражнения. К сожалению, когда я читаю бумажные книги с сопроводительным кодом, я тоже часто попадаю в ловушку со скрытием кода.

HTML and CSS: Design and Build Websites  — не новая книга. Ее опубликовали в 2011 году, и она заставила меня подумать, предоставляют ли последние версии каждого языка HTML5 и CSS3 подходящие функции разработчикам Qlik Sense. Большинство анонсов о том, что должно было произойти, например, тег видео HTML5, не имеют большого значения. Надеюсь, я смогу ответить на этот вопрос и изучить современные методы после прочтения своей следующей книги HTML и CSS.

You Don’t Know JS: Up & Going

Автор: Кайли Симпсон

Формат: книга
Оплата: нет
Уровень: средний / профессиональный

Это – первая книга в серии, имеющей аналогичное название. Электронная книга бесплатная, а название обманчиво привлекательно для тех, кто действительно не знает JavaScript. Прочитав ее, я обнаружил, что название было на самом деле вызовом для тех, у кого есть опыт работы с JavaScript, но они, возможно, не будут использовать его в полном объеме. Я подожду, чтобы прочитать следующую часть книги, когда у меня будет немного больше опыта.

JavaScript: The Good Parts

Автор: Дуглас Крокфорд

Формат: книга
Оплата: да
Уровень: средний / профессиональный

Я начал читать эту книгу после изучения базового JavaScript, и быстро почувствовал перегрузку содержанием. Было пройдено около 25% книги, и на полпути через раздел о функциях я сдался. Содержание было слишком абстрактным, чтобы понять все, о чем повествовал автор. Опять же, это может быть читабельным, если уже есть достаточно опыта и Вам необходимо заполнить некоторые пробелы.

Пока я продолжу следующие шаги, чтобы стать разработчиком Qlik Sense, я буду читать следующие книги:

JavaScript and JQuery: Interactive Front-End Web Development Джон Дакетт (платно)

Interneting is Hard (But it doesn’t have to be) Оливер Джеймс (бесплатно)

Онлайн-курсы

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

JavaScript: Understanding the Weird Parts

Лектор: Энтони Алиси
Формат: он-лайн курс
Оплата: да
Уровень: средний / профессиональный

После того, как я пытался понять You Don’t Know JS: Up & Going и JavaScript: The Good Parts я был обеспокоен тем, что не смог бы сделать больше, чем базовый JavaScript. Это было до тех пор, пока я не начал заниматься на этом курсе. Способность Энтони Алиси полностью объяснить сложные детали JavaScript поразительна. Вы можете посетить этот курс после изучения основ из курсов A Smarter Way to Learn JavaScriptA Smarter Way to Learn jQuery или JavaScript Road Trip.

JavaScript Learning Path by Code School
Лектор: различные
Формат: он-лайн курс
Оплата: да
Уровень: средний / профессиональный

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

HTML/CSS Learning Path by Code School

Лектор: различные
Формат: он-лайн курс

Оплата: да
Уровень: средний / профессиональный

Как и курс обучения JavaScript Learning Path by Code School, это скорее быстрый, чем разумный способ изучения JavaScript и более разумный способ изучения jQuery для базовых HTML и CSS. Основы не сильно отличаются от того, что я узнал почти два десятилетия назад, поэтому неплохо взять курс по HTML5 и CSS3. Что касается развития Qlik Sense, то CSS3 оказывает более сильное воздействие чем HTML5.

Список текущих онлайн-ресурсов, которые мне еще предстоит использовать.

Codecademy – JavaScript

Udacity – JavaScript

Microsoft – JavaScript

Alison – JavaScript and jQuery

Обучение разработчиков Google  – HTML, CSS, and JavaScript

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

64 queries in 0,390 seconds