Javascript & Ajax \ Angular

3 полезных совета по TypeScript для Angular

От автора: это 3 совета, которые я нахожу довольно удобными при работе с TypeScript Angular: 1) устраните необходимость импорта интерфейсов; 2) сделайте все свойства интерфейсов необязательными; 3) прекратите выдавать мне ошибку, я знаю, что я делаю.

Продолжить чтение

Javascript & Ajax \ jQuery

Плагин TwentyTwenty просмотра изображений «До» и «После»

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

Продолжить чтение

Javascript & Ajax \ Javascript

Отладка JavaScript в производственной среде с помощью карт источников

От автора: для чего нужна отладка JavaScript? В наши дни код, который вы используете для написания приложения, обычно не тот же код, который был развернут в производственной среде и интерпретируется браузерами. Возможно, вы пишете исходный код на языке, который «компилируется» в JavaScript, например CoffeeScript, TypeScript или в последней версии стандарта JavaScript, ECMAScript 2015 (ES6). Или, что еще более вероятно, вы минимизируете свой исходный код, чтобы уменьшить размер файлов развернутых скриптов. Вероятно, вы используете такой инструмент, как UglifyJS или компилятор Google Closure.

Продолжить чтение

Javascript & Ajax \ Javascript

Как использовать Bootstrap с React

От автора: с ростом популярности одностраничных приложений за последние несколько лет появилось много интерфейсных JavaScript-фреймворков, таких как Angular, React, VueJS, Ember, этот список можно продолжить. В результате использование DOM-библиотек, таких как jQuery, больше не является необходимым требованием для создания веб-приложений. С другой стороны, появилось несколько фреймворков CSS, которые помогут удовлетворить требования построения адаптивных веб-приложений. Почти каждый разработчик интерфейса должен либо использовать, либо слышать о Bootstrap, Foundation или Bulma, каждый из которых представляет собой адаптивную (мобильную) структуру CSS с надежными функциями и встроенными утилитами.

Продолжить чтение

Javascript & Ajax \ Angular

Выполнение обнаружения изменений Angular Ivy: вы готовы?

От автора: в то время как новый визуализатор Ivy не является полностью особенным, многие люди задаются вопросом, как он будет работать и какие изменения он подготавливает для нас. В этой статье я собираюсь визуализировать механизм того, как происходит обнаружение изменений Ivy, показать некоторые вещи, которые мне действительно нравятся, а также создавать простые приложения, основанные на инструкциях, похожих на инструкции Angular Ivy, с нуля.

Продолжить чтение

Javascript & Ajax \ Javascript

Создание многоразовых компонентов React

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

Продолжить чтение

Javascript & Ajax \ Javascript

Создание форм с помощью React – все что нужно знать

От автора: формы являются неотъемлемой частью любого современного приложения. Они служат основным средством взаимодействия пользователей с вашим приложением. Разработчики полагаются на формы для всего: безопасный вход в систему пользователя, поиск и фильтрация списка продуктов, бронирование продукта и построение корзины и т. Д. Более сложные приложения, созданные для предприятий, обычно более интенсивно заполняются, при этом поля ввода охватывают несколько вкладок. Кроме того, нужно учесть и развернуть логику проверки.

Продолжить чтение

Javascript & Ajax \ VueJS

Создание PWA-трекера криптовалют с помощью Vue.js

От автора: сегодня поговорим о том, как создать с помощью Vue PWA. PWA (прогрессивные веб-приложения) уже были определены как будущее веб-приложений, и причина совершенно очевидна. PWA позволяют создавать веб-приложения, способные предоставлять пользователям опыт, не отличимый от нативных приложений.

Продолжить чтение

Javascript & Ajax \ Javascript

Управление состоянием в React с помощью Unstated

От автора: по мере усложнения вашего приложения управление состоянием может стать утомительным. В React состояния компонента должны быть самодостаточными, что делает затруднительным передачу состояния между несколькими компонентами. Redux представляет собой передовую библиотеку для управления состоянием в React, однако, в зависимости от того, насколько сложна ваша программа, вам может Redux и не понадобится.

Продолжить чтение