Ведет: Artem Daniliants, генеральный директор LumoSpark Digital Agency, специалистом в области разработки сайтов и интернет-маркетинга с 11-летним опытом.
Язык вебинара: русский
Мы расскажем как сделать статический сайт, который:
- невозможно хакнуть;
- масштабируется под любое количество пользователей;
- может администрировать не технический специалисты так же легко и просто как и сайт на WordPress.
Почему WordPress является выбором номер один для веб-студий и их клиентов? Презентация посвящена развенчанию самых частых мифов о WordPress, которые живут в головах заказчиков, разработчиков и руководителей студий.
http://2014.russia.wordcamp.org
- Выбор CMS для разработки сайта. Бесплатно — не значит дешевле.
- Поддержка сайта. Подводные камни бесплатных CMS.
- Фрилансер или штатный сотрудник. Очевидная экономия.
Почему современный сайт должен быть адаптирован для мобильных устройств.
Что такое адаптивный сайт.
Адаптивность — это не только про верстку.
Почему сделать адаптивный сайт сейчас — получить конкурентное преимущество.
Алексей Шепелин, Арт-директор ADN Digital Studio
Почему WordPress является выбором номер один для веб-студий и их клиентов? Презентация посвящена развенчанию самых частых мифов о WordPress, которые живут в головах заказчиков, разработчиков и руководителей студий.
http://2014.russia.wordcamp.org
- Выбор CMS для разработки сайта. Бесплатно — не значит дешевле.
- Поддержка сайта. Подводные камни бесплатных CMS.
- Фрилансер или штатный сотрудник. Очевидная экономия.
Почему современный сайт должен быть адаптирован для мобильных устройств.
Что такое адаптивный сайт.
Адаптивность — это не только про верстку.
Почему сделать адаптивный сайт сейчас — получить конкурентное преимущество.
Алексей Шепелин, Арт-директор ADN Digital Studio
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
«Правильный процесс дает правильный результат». Как грамотно выстроить работу по разработке и продвижению интернет-проекта
Игорь Повшок, руководитель отдела продаж Студии Борового
Масштабирование Agile в Единой фронтальной системе СбербанкаSergey Rogachev
Презентация доклада "Масштабирование Agile в Единой фронтальной системе Сбербанка" Сергея Рогачева на конференции AgileKitchen, посвященной масштабированию Agile, которая прошла в Москве 22 сентября 2016 года (https://agilerussia.timepad.ru/event/374516). Также см. видео этого доклада: https://youtu.be/mJpCJiVNuME.
Сергей Рогачев. Agile на гигантских размерахScrumTrek
Не верите, что по Agile можно запускать программы проектов гигантские по численности привлечённых сотрудников и сложности создаваемого продукта? К примеру, программа проектов на 2 тыс. человек должна вывести все банковские продукты на единый фронт. Такая задача подразумевает интеграцию огромного количества внутренних банковских систем. Итого, колоссальное количество коммуникаций как внутри программы проектов, так и с другими подразделениями банка. Как запустить такое количество людей в едином русле? Как их координировать? Можно ли принципиально при таких входных параметрах не упасть хаос?
Модуль 15. Лекция 57-58. Обзоры платформ для различных проектовYana Brodetski
Обзоры платформ для различных
проектов (e-commerce, corporate, forum):
● Prestashop
● Wordpress
● Joomla
● Opencart
● YII
● Bitrix 24
● WIX
● Saas – платформы
● Рекомендации по выбору CMS и фреймворков для
создания сайтов
Denis Bosak (Magecom): Front-end in Magento, and more. Prospects, technologies, and tools.
Денис Босак (Magecom): Front-end в Magento и не только. Перспективы, технологии, инструменты.
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
Игорь Повшок, руководитель отдела продаж Студии Борового, на семинаре по интернет-маркетингу и брендингу «Стань эффективнее!» в Минске, 6 августа 2015 года.
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнесаborovoystudio
Создаем и наполняем сайт – быстро, просто, эффективно
Ближе к клиентам: делаем сайт доступным и удобным для любых мобильных устройств
Ваш сайт глазами посетителей: конверсия, аналитика, маркетинг
Getting started with HTTPS | LumoSpark webinar LumoSpark
Рассмотрим что такое Docker и чем он отличается от других систем виртуализации. Вы узнаете:
Рассмотриваем что такое SSL сертификаты и как защитить свой сайт бесплатно с такой же надежностью как и с дорогими сертификатами. Вы узнаете:
1) Как работаю SSL сертификаты;
2) Отличие платных и бесплатных SSL-сертификатов;
3) Как можно поставить сертификат на сервер и сконфигурировать его;
4) Как автоматически продлевать сертификаты;
5) Как бесплатно защитить домен и все поддомены корневого домена.
На практике посмотрим:
- Базовое управление сертификатами;
- Настроим сертификат на Apache и Nginx;
- Сгенерируем SSL Wildcard сертификат.
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
«Правильный процесс дает правильный результат». Как грамотно выстроить работу по разработке и продвижению интернет-проекта
Игорь Повшок, руководитель отдела продаж Студии Борового
Масштабирование Agile в Единой фронтальной системе СбербанкаSergey Rogachev
Презентация доклада "Масштабирование Agile в Единой фронтальной системе Сбербанка" Сергея Рогачева на конференции AgileKitchen, посвященной масштабированию Agile, которая прошла в Москве 22 сентября 2016 года (https://agilerussia.timepad.ru/event/374516). Также см. видео этого доклада: https://youtu.be/mJpCJiVNuME.
Сергей Рогачев. Agile на гигантских размерахScrumTrek
Не верите, что по Agile можно запускать программы проектов гигантские по численности привлечённых сотрудников и сложности создаваемого продукта? К примеру, программа проектов на 2 тыс. человек должна вывести все банковские продукты на единый фронт. Такая задача подразумевает интеграцию огромного количества внутренних банковских систем. Итого, колоссальное количество коммуникаций как внутри программы проектов, так и с другими подразделениями банка. Как запустить такое количество людей в едином русле? Как их координировать? Можно ли принципиально при таких входных параметрах не упасть хаос?
Модуль 15. Лекция 57-58. Обзоры платформ для различных проектовYana Brodetski
Обзоры платформ для различных
проектов (e-commerce, corporate, forum):
● Prestashop
● Wordpress
● Joomla
● Opencart
● YII
● Bitrix 24
● WIX
● Saas – платформы
● Рекомендации по выбору CMS и фреймворков для
создания сайтов
Denis Bosak (Magecom): Front-end in Magento, and more. Prospects, technologies, and tools.
Денис Босак (Magecom): Front-end в Magento и не только. Перспективы, технологии, инструменты.
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
Игорь Повшок, руководитель отдела продаж Студии Борового, на семинаре по интернет-маркетингу и брендингу «Стань эффективнее!» в Минске, 6 августа 2015 года.
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнесаborovoystudio
Создаем и наполняем сайт – быстро, просто, эффективно
Ближе к клиентам: делаем сайт доступным и удобным для любых мобильных устройств
Ваш сайт глазами посетителей: конверсия, аналитика, маркетинг
Getting started with HTTPS | LumoSpark webinar LumoSpark
Рассмотрим что такое Docker и чем он отличается от других систем виртуализации. Вы узнаете:
Рассмотриваем что такое SSL сертификаты и как защитить свой сайт бесплатно с такой же надежностью как и с дорогими сертификатами. Вы узнаете:
1) Как работаю SSL сертификаты;
2) Отличие платных и бесплатных SSL-сертификатов;
3) Как можно поставить сертификат на сервер и сконфигурировать его;
4) Как автоматически продлевать сертификаты;
5) Как бесплатно защитить домен и все поддомены корневого домена.
На практике посмотрим:
- Базовое управление сертификатами;
- Настроим сертификат на Apache и Nginx;
- Сгенерируем SSL Wildcard сертификат.
ValoStartup Meetup #9 "Как шаг за шагом написать чат-бот для Telegram на Python"LumoSpark
30 августа провели 9й митап в рамках обучающего проекта ValoStartup на базе компании LumoSpark. Говорили о том, что такое чат-боты и как написать своего бота для Telegram на Python.
1. СОЗДАНИЕ ЧАТ-БОТОВ
2. ЧТО ТАКОЕ ЧАТ-БОТ?
3. РЕВОЛЮЦИЯ ИЛИ ЭВОЛЮЦИЯ БОТОВ 1. Бот Eliza (1966г.) Элиза представляет собой «пародию» того, как мог бы отвечать психотерапевт при первой беседе с пациентом. 2. Боты на базе протокола IRC Телевикторина, новости, покер, голосование и т. д. 3. ICQ боты Башорг, калькулятор, переводчик, библиотека, сборник анекдотов, новости, гороскопы и т.д.
4. ПОЧЕМУ МЕССЕНДЖЕРЫ?
5. ПОЧЕМУ МЕССЕНДЖЕРЫ? В ЧЕМ ПОЛЬЗА ЧАТ-БОТОВ В МЕССЕНДЖЕРАХ • Одно приложение на все случаи жизни • Нужная информация в один клик • Оптимизация процесса работы • Интерактивность и скорость работы
6. ЧТО МОГУТ ДЕЛАТЬ БОТЫ? Замена рутины • позволяет выполнять определенные функции, не задействуя людей • работа будет выполнена моментально и безупречно Поиск и агрегация • новостей, аналитики, данных (Data-Driven Collaboration) • данные доступны в месте принятия решений – мессенджерах, и всем участникам, которым они нужны E-commerce • для спонтанных покупок без долгого поиска, mobile ecommerce + visual search + chatbots • для общения с клиентами Первая линия работы с клиентами • типовые вопросы, телефония Развлечения
7. ЯЗЫКИ РАЗРАБОТКИ БОТОВ 1. Javascript 2. PHP 3. Python 4. Go 5. C# 6. Rust 7. Ruby Любой язык, поддерживающий HTTP передачу данных
8. СОЗДАНИЕ НОВОГО БОТА Бот в Telegram создается при помощи другого бота под названием BotFather. Отправляем ему команду /newbot, выбираем имя, которое будет отображаться в списке контактов, и адрес. Например, «Lumotest Bot» с адресом «Lumotest_bot». Если адрес не занят, а имя введено правильно, BotFather пришлет в ответ сообщение с токеном — «ключом» для доступа к созданному боту. Его нужно сохранить и никому не показывать.
9. Все запросы к API Телеграммы Bot должны быть поданы через HTTPS и должны быть представлены в следующем виде: https://api.telegram.org/bot<token>/METHOD_NAME Например: https://api.telegram.org/bot123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11/getMe МЕХАНИКА ВЗАИМОДЕЙСТВИЯ С БОТАМИ
10. МЕХАНИКА ВЗАИМОДЕЙСТВИЯ С БОТАМИ
11. БИБЛИОТЕКИ ДЛЯ СОЗДАНИЯ TELEGRAM БОТОВ ЯЗЫК ПРОГРАММИРОВАНИЯ PYTHON 1. pyTelegramBotAPI 2. Telegram-bot-api 3. Bobot 4. Twx, Twx.botapi, Twx-botapi 5. Telepot 6. Aiotg 7. Botlab 8. Telegame 9. pytgbot 10. python-telegram-handler 11. tgclient 12. PyTBot 13. tgb
12. УСТАНОВКА БИБЛИОТЕКИ PyTelegramBotAPI Команда установки библиотеки: Проверка правильности установки: Когда появится окно ввода (вида >>>) Введите команду: Если ничего не произошло - значит, библиотека установлена корректно.
13. ПРИМЕР ECHO-БОТА Ответит на каждое твое сообщение. Повторит за тобой все, что скажешь.
14. ИДЕИ ДЛЯ СОЗДАНИЯ БОТОВ @delorean_bot — почувствуй себя Доком Брауном и отправь напоминание себе в будущее! Несмотря на название, DeLore
Artem Daniliants / Банкротство - это лучшее что произошло в моей бизнес-карьереLumoSpark
О том как он выходил из полугодовой депрессии и кредита в 30 000 евро на руках. О разрушении собственного эго и восстановлении. Основная идея в том, чтобы заниматься любимым делом, таким образом ты по-настоящему счастлив и уже в выигрыше.
Going back to static html sites / Artem Daniliants / LumoSparkLumoSpark
Презентация c конференции SEMPRO 2017 на тему "Going back to static html sites".
Спикер: Artem Daniliants / Helsinki
Компания: LumoSpark
Сайт: https://www.lumospark.com/
Good front end - bad front-end (Vladimir Gutorov)LumoSpark
Или что отличает хорошего и плохого front end разработчика.
На воркшоп "Web Development Advanced" спикер Vladimir Gutorov - team lead и вдохновитель технической команды
- Роль FrontEnd в процессе разработки
- IDE (Integrated Development Environment) Cloud9 + WP или как подружится с back and разработчиком
17. Платформа по сбору средств в 250
миллионов долларов для кампании Обамы
4,276,463 пожертвований
81,548,259 просмотров страниц
17,807,917 уникальных посетителей
Статическая HTML страница сгенери-
рована при помощи Jekyll
Served by Akamai CDN
Hosted on Amazon S3
Контроль версий с GitHub
Кейс
18. Почему?
Проще в разработке
Просто масштабировать
Защищены по умолчанию
Дешевле хостинг
Быстрая загрузка
Back-end переходит в Front-end
20. Генератор
статических сайтов
(SSG)
Если не уверены, то начните
с Jekyll, Hugo или Hexo
Наиболее популярные генераторы
статических сайтов
Your
computer
The
interwebs
Content
Static Site Generator
Server
Browser
CSS HTML
Template
26. Преимущества
+ Бесплатный
+ Быстрая
имплементация
Недостатки
– Не дружественный
интерфейс
Преимущества
+ От 100$/год
+ Быстрая
имплементация
+ Работает на любом
сайте
Недостатки
– Не очень красивый
– Минимум
возможностей для
кастомизации
Преимущества
+ От 29$/месяц
+ Быстрая
имплементация
+ Очень дружествен-
ный интерфейс
+ Работает на любом
сайте
Недостатки
– Может быть дорогим
с дополнительными
функциями
Преимущества
+ Бесплатный
+ Легкая кастомизация
Недостатки
– Интеграция может
занять время
Google
search using
site: operator
Google
CSE
AddSearch DYI options
(e.g., Lunr and Bleve)
Saas для поиска
29. Преимущества
+ Есть бесплатный план
+ Поддержка множества
gateways
+ Продукты управляются в
Ecwid
+ Поддержка множества
методов оплаты
Недостатки
–Только частично
многоязычный
Преимущества
+ Ориентирован на
разработчиков
+ Легко кастомизируется
+ Многоязычный
+ Продукты определяются в
SSG
+ Дружественен SEO
Недостатки
– Высокая комиссия за
платежи
Преимущества
+ Можно использовать
существующие плагины CMS
+ Отдельный поддомен для
магазина
Недостатки
– Возвращают проблемы,
связанные с CMS
Ecwid Snipcart Your old CMS
Корзины для статических сайтов
31. Другие варианты
Преимущества
+ Бесплатный
+ Простая
имплементация
Недостатки
Преимущества
+ Возможность бесплатно
начать
+ Простой инструмент для
дизайна форм
+ Позволяет собирать
платежи
+ Работает на любом сайте
Недостатки
– Бесплатные планы
сильно ограничены
Formspree Google Forms Wufoo Typeform
Saas для веб-форм
Преимущества
+ Возможность
бесплатно начать
+ Удобство
+ Поддержка
интеграции с Hugo
Недостатки
– Интерактивные
формы могут быть
неприемлемы для
некоторыхbe off-putting
to some
Преимущества
+ Возможность
бесплатно начать
+ Очень простая
имплементация
Недостатки
– Ограниченная
функциональность
37. Forestry.io
Фиксирует изменения редактора обратно
в Git
Платные тарифы предоставляют хостинг
Поддерживает публикацию на Amazon
S3, FTP, SFTP, GitHub страницах
Есть бесплатные планы
Подходит для продвинутых
редакторов контента
Forestry io
Демо
40. Современная архитектура веб-разработки,
основанная на клиентском JavaScript, повторно
используемых API и готовой разметке
J
JavaScript
A
APIs
M
Markup
Any dynamic programming
during the request/response
cycle is handled by JavaScript,
which runs entirely on the client’s
side.This could be any front-end
framework, library, or even vanilla
JavaScript.
All server-side processes
or database actions are
abstracted into reusable APIs
and accessed over HTTP
with JavaScript.These can
be custom built, or they can
leverage third-party services.
Templated markup should
be pre-built at the time of
deployment, usually using a site
generator for content sites or a
build tool for web apps.
Больше информации о JAMstack
41. Наш JAMstack
Все это за $0/месяц для небольших сайтов
Управление контентом
Дополнительный
функционал
Интерактивность и
хранение данных
Серверная
инфраструктура
Генерация сайта
Forestry
Ember.js(interactivity)
Netlify(CI,SSL,CDN)
Hugo(staticsitegenerator)
Cloudant
GitHub
GULP JSlint SASS Bower
PouchDB
Formspree Lunr Migadu(email) Disqus
CouchDB