Записи

Опубликовано

4 Основные функции ES2015 для разработки Vue.js

ES6img

От автора: ES2015 (ака ES6) — это текущая спецификация языка JavaScript. Если вы новичок в JavaScript или в последнее время не освежали свои знания в области JavaScript, сообщаем, что в ES2015 появился ряд новых функций, которые делают разработку намного лучше и приятнее.

Для разработки Vue js ES2015 дает много полезных функций, которые могут вам пригодиться. Можете начать с тех, которые относятся непосредственно к Vue.

В этой статье я покажу вам четыре функции ES2015, которые вы будете использовать ежедневно, и приведу объяснения с краткими примерами каждой из них.

Читать далее «4 Основные функции ES2015 для разработки Vue.js»
Поделится
Опубликовано

Google AMP и WordPress: все что нужно знать

Google AMP и WordPress: все что нужно знать

От автора: пару лет назад Google представила технологию, которая потрясла мобильный SEO, и называлась она AMP. Если не знакомы с термином, то AMP расшифровывается как Accelerated Mobile Project (ускоренный мобильный проект). С помощью AMP Google хочет ускорить загрузку страниц на мобильных устройствах, особенно для тех пользователей, которые до сих пор застряли в 3G скоростях. Google использует AMP, чтобы как и раньше максимально быстро предоставлять искомый контент.

Почему AMP имеет значение

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

Google поощряет использование AMP премиум местами в поисковой выдаче для сайтов с технологией AMP. В частности для любых поисковых запросов по новостям и блогам. Взгляните на скриншот ниже:

Читать далее «Google AMP и WordPress: все что нужно знать»

Поделится
Опубликовано

Как создать сайт с безсерверной CMS на Vue.js

vue img

От автора:сегодня мы поговорим о создании с помощью Vue js CMS. Vue.js – это прогрессивный фреймворк для создания UI, набирающий популярность среди разработчиков. Но зачем нам еще один JS фреймворк? Vue написан на опыте Angular и React, многие считают, что он проще в реализации и понимании.

Введение

Vue.js мало весит и легко принимается. Он реактивный и состоит из компонентов, что позволяет создавать подключаемые компоненты, которые можно добавлять в любой проект. Что важнее для этого урока, Vue со своей отличительной и постепенной адаптируемостью можно использовать, не подвергая риску существующий код.

Читать далее «Как создать сайт с безсерверной CMS на Vue.js»
Поделится
Опубликовано

CSS: новый вид JavaScript

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

Раньше

До тех пор, пока кто-либо помнит, стилизация документов — влияющая на их внешний вид — была упрощена с помощью JavaScript свойства style, которое существует для любого поддерживающего узла DOM. 

node.style.color='red';

До появления стилизации API, авторы HTML должны были писать атрибуты style в DOM вручную, что препятствовало процессу редактирования.В сочетании с механизмом выбора узлов JavaScript мы можем одновременно создавать несколько элементов. В следующем примере все p узлы имеют красный цвет текста.

const nodes=document.querySelectorAll('p');
Array.prototype.forEach.call(nodes,node=>{
  node.style.color='red';
});
Читать далее «CSS: новый вид JavaScript»
Поделится
Опубликовано

CSS псевдоэлементы (:before или :after) и transform: мои любимые инструменты CSS

CSS-HERO

От автора.Шесть лет назад, если бы вы спросили меня, сколько я использовалtransformи псевдоэлементы , я бы сказал вам «нисколько». Теперь я использую их по сто раз в больших проектах, и я не могу представить проект любого размера в последние годы, где я не использовал бы эти инструменты для создания визуальных эффектов, анимации и гибких решений макетов.

Что такое псевдоэлементы?

Если вы когда-либо использовали:beforeили:afterв своем селекторе, и у него былcontentстиль, вы создали псевдоэлемент. Они вставляются в DOM и могут рассматриваться как свободныеspanэлементы, которые могут иметь текст, происходящий из CSS.

Я не использую их для текста очень часто: их поддержка в вспомогательных технологиях нечеткая, и внедрение текста из CSS — последнее средство для меня.

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

Читать далее «CSS псевдоэлементы (:before или :after) и transform: мои любимые инструменты CSS»
Поделится
Опубликовано

Простой Telegram-бот на Python за 30 минут

От автора. На Хабре, да и не только, про ботов рассказано уже так много, что даже слишком. Но заинтересовавшись пару недель назад данной темой, найти нормальный материал у меня так и не вышло: все статьи были либо для совсем чайников и ограничивались отправкой сообщения в ответ на сообщение пользователя, либо были неактуальны. Это и подтолкнуло меня на написание статьи, которая бы объяснила такому же новичку, как я, как написать и запустить более-менее осмысленного бота (с возможностью расширения функциональности).

Часть 1: Регистрация бота

Самая простая и описанная часть. Очень коротко: нужно найти бота@BotFather, написать ему/start, или/newbot, заполнить поля, которые он спросит (название бота и его короткое имя), и получить сообщение с токеном бота и ссылкой на документацию. Токен нужно сохранить, желательно надёжно, так как это единственный ключ для авторизации бота и взаимодействия с ним.

Часть 2: Подготовка к написанию кода

Как уже было сказано в заголовке, писать бота мы будем на Python’е. В данной статье будет описана работа с библиотекой PyTelegramBotAPI (Telebot). Если у вас не установлен Python, то сперва нужно сделать это: в терминале Linux нужно ввести:

sudo apt-get install python python-pip

Если же вы пользуетесь Windows, то нужно скачать Python с официального сайта .

После, в терминале Linux, или командной строке Windows вводим:

pip install pytelegrambotapi

Теперь все готово для написания кода.

Читать далее «Простой Telegram-бот на Python за 30 минут»
Поделится
") //-->

Статистика

Метки

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять