Sphinx Academy

V-IF Директива v-if используется для рендеринга блока по условию. Блок будет отображаться только в том случае, если выражение директивы возвращает значение, приводимое к true. Это значит, что пустой массив, объект, непустая текстовая строка — всё это будет преобразовано к true. При рендеринге компонента все элементы с v-if="false" будут проигнорированы и в DOM не попадут. v-if можно добавлять на теге <template>. Таким образом, условие будет применено ко всем элементам внутри без необходимости создания дополнительного обёрточного элемента. <template> служит невидимой обёрткой и сам в результатах отрисовки не появляется...

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

Самыми заметными игроками в современном фронтенд-мире являются Vue.js, React.js и Angular. Давайте кратко рассмотрим каждый из данных инструментов с точки зрения используемой архитектуры, порога вхождения, а также производительности. Архитектура Vue.js частично реализует MVVM (Model View ViewModel) паттерн, используя ViewModel для работы своих однофайловых компонентов (Single File Component). Ядро Vue.js рассчитано в основном на визуализацию, но Vue легко можно использовать как полноценный фреймворк, при добавлении дополнительных пакетов, таких, как Vuex и Vue Router. React.js представляет собой...

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

Vue предоставляет 3 модификатора, которые позволяют нам изменить функциональность v-model. .LAZY По умолчанию v-model синхронизируется с состоянием экземпляра Vue (свойствами данных) при каждом событии ввода, что означает каждый раз, когда значение нашего ввода изменяется. Все это происходит по событию input, т.е. когда мы начинаем, что-то вводить в поле. Модификатор .lazy позволяет изменить это поведение и синхронизировать ввод с данными по событию change. В этом случае событие изменения запускается, когда изменения фиксируется...

В данной статье мы постараемся разобрать такую специфическую тему, как браузер превращает наш код, который мы пишем в картинку на экране пользователя.  Другими словами это можно назвать как браузер отрисовывает сайт. Отрисовка – это процесс визуализации. Этапы отрисовки сайта состоят из пяти стадий каждую из которых мы кратко разберем в данной статье. ПАРСИНГ HTML И CSS Код, который мы с вами пишем HTML-разметка и CSS, когда попадает в браузер, то превращается в специальную структуру данных. Наши HTML-теги все конвертируются в DOM (Document Object Model). Это ещё не отрисовка, это просто построенная модель, которая в будущем будет отрисована, а пока она всего лишь в памяти браузера...

Начнем с самого важного в JavaScript. Самое важное в JavaScript — это: Они являются тремя ключевыми понятиями, которые нужно знать и понимать, в таком случае изучение JavaScript в целом намного для вас упростится. ГЛАВНАЯ ИДЕЯ В JAVASCRIPT Главная идея в JavaScript в том, что практически все сущности – это объекты. ЧТО ТАКОЕ ОБЪЕКТ Объект это набор свойств «имя : значение». Имена часто еще называют ключами. Пример объекта: Объект находится между парой фигурных скобок, как видно на примере выше и между ними находятся пары «ключ : значение»...

Переменные дают возможность повторного доступа к значениям, которые присвоены этим переменным. На мой взгляд это лучшее определение переменных. Почему это важно? Если вы хотите обратиться к какому-либо значению позже, т.е. прочитать его вы должны присвоить значение переменной. И только таким образом вы сможете обратиться позже к этому же значению. Кроме того вы можете перезаписывать значение тех или иных переменных. Мы можем рассматривать переменную как коробку. Я могу положить в эту коробку, например, строку ‘Sphinx Academy’ и написать на этой коробке название, например, nameCanal. В дальнейшем...

В JavaScript есть три ключевых слова, с помощью который объявляются переменные: let, const и var, при этом let и const появились в ECMAScript 6 (спецификация JavaScript). Объявление переменной через ключевое слово var присутствовал в JavaScript с самого начала и ранее только с помощью этого ключевого слова определялись переменные. В настоящее время рекомендуется при объявлении переменных использовать только ключевые слова let и const. ЧТО ТАКОЕ ОБЪЯВЛЕНИЕ ПЕРЕМЕННЫХ Прежде, чем говорить о разнице между let и const давайте немного проясним вопрос что же такое объявление переменных...

Рассмотрим, что же такое console.log, потому что большинство курсов по JavaScript начинается с того, что вас просят написать console.log в консоле и увидеть «Привет, мир!» или «Hello, world!» при этом не объясняя, что же такое console.log. Мы же пойдем от обратного. Сначала рассмотрим каждую часть этого выражения, затем вы сможете написать у себя в консоли console.log с четким пониманием как это работает. console.log(‘Sphinx Amnesia’); Console — это объект, а у объекта есть свойства. Каждое свойство это пара «ключ: значение». log — это метод. Метод — это функция, которая является значением одного из свойств объекта, т...

Тип переменной определяется типом присвоенного этой переменной значение. ТИПЫ В этом разделы мы рассмотрим различные типы данных в JavaScript, что такое примитивные типы и что такое ссылочный тип. Переменная имеет значение, при этом значение имеет определенный тип. Соответственно переменная тоже имеет определенный тип после того как вы присвоили ей определённое значение. ПРИМИТИВНЫЕ ТИПЫ В JavaScript есть 7 примитивных типов: 1. String (строка) – можно задать данный тип как в двойных, так и в одинарных кавычках 2. Number (число) – примеры такого значения, например, 5, -1, 1.6, -10.4 3. Boolean (логический) – имеет всего два значения true (правда) и false (ложь)...