Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.

Jul 21, 20160 likes586 views

DataArt

Летняя практика DataArt & ПММ 2016

Докладчик: Кашеверов Александр
Дата: 13 июля 2016 года
Коротко про WEB: HTML, CSS, JS

Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.

О чём расскажу
• Теория
• Немного истории
• Примеры
• Статистика использования js

Front-end
HTML
CSS
JavaScript
jQuery
CSS3
HTML5
ajax
Backbone IEsvg
Angular
Twitter Bootstrap
WebStorage
D3.js
prototype
mootools
sencha
Responsive layout
WebWorker
Cookies
Gulp
Grunt
Coffeescript
JSON
HTTP
flash
Canvas
Polymer
ReactJS

JavaScript
• Брендан Айк из компании Netscape в 1995 году внедрил язык программирования в
браузер Netscape (сегодняшний firefox)
• Цель - изменение структуры без перезагрузки страницы
• В 1996 году компания Microsoft выпустила аналог языка JavaScript, названный Jscript

Javascript - развитие
• 1995 – начало
• 2005 – ajax, prototype.js, jQuery, Mootools, Dojo
• 2010 – JavaScript MVC
• backbone, angular, reactjs, ember, ….
• Сейчас WEB без JS представить сложно

Что рассмотрели
• Frontend+Backend
• html+css+js
• Немного истории
• Примеры
• Статистика использования js

Домашнее задание
Движение планет вокруг Солнца
• https://htmlacademy.ru/
• https://learn.javascript.ru/
Что почитать
• Alexander.Kasheverov@dataart.com
• https://github.com/kashesandr
• https://twitter.com/kashesandr
Контакты

Спроектировать хранилище данных, казалось бы, не сложно. Собрать требования -> построить модель данных -> реализовать ETL. Но проходит год-два, и рост объема данных, и, главное, рост сложности данных приводит хранилище на грань работоспособности. В докладе будет проиллюстрировано, как Big Data хранилище Авито экспоненциально увеличивалось в размерах данных и сложности их взаимосвязей вместе с ростом объема и сложности бизнеса компании, сохраняя скорость выполнения запросов. Будет обосновано, почему следование ограничениям 6-й нормальной формы (Anchor Modeling) помогает не утонуть в новых данных и успешно масштабировать нагрузку в условиях MPP СУБД. В качестве финального штриха будет рассказано, как высоконормализованная модель данных Anchor Modeling позволяет малыми усилиями сделать шаг за пределы СУБД к хранению части данных в виде (ORC) файлов в распределенной файловой системе (HDFS) к сохранению для пользователей возможности работать со всеми данными посредством (почти) обычного SQL (без Hive).

WebCamp2016:Front-End_Юрий Артюх_Современные подходы в версткеWebCamp

WebCamp2016, 29 июля, Одесса Юрий Артюх Chief Technology Officer, Coderiver Современные подходы в верстке В 2016 верстка трансформируется, о том как ее автоматизировать, и выжить верстальщику среди реактов, ангуларов и прочего и будет рассказ. Website: http://webcamp.in.ua/devops.html#theme Facebook: https://www.facebook.com/WebCamp/ VK: https://vk.com/webcamp Twitter: https://twitter.com/WebCampOdessa Youtube: http://bit.ly/2bsQ0LO

Доклад "React under the hood"Kateryna Porshnieva

React - это JavaScript библиотека для построения пользовательских интерфейсов с отличной производительностью. В данном докладе я постараюсь рассказать, как работает React изнутри. Вы узнаете, что такое Виртуальный DOM и как он работает, что именно происходит после вызова setState в компоненте, как работает Diff-алгоритм, что такое Batching и как в React построена система событий.

139 - Spring. Добавление JavaScriptRoman Brovko

A.pleshkovkuchinskaya

Виктор Русакович - Выборы, выборы, все фреймворки… приторныFDConf

Пять лет назад присоединился к команде разработки проекта, над которым до сих пор идёт работа. За это время приложения, создаваемые в рамках проекта, использовали разные фреймворки - от jQuery до React, от Backbone до Angular. Как мы выбираем фреймворк для нашего следующего приложения? Какой фреймворк самый лучший? Как выбрать фреймворк и через год разочароваться в своём выборе? Короткая история о выборах в одном длинном проекте.

React Webinar SlidesKateryna Porshnieva

Мы поговорим о построении одностраничных приложений с помощью React, преимуществах и недостатках React относительно других решений. В рамках вебинара мы построим небольшое динамическое приложение на React. - Что такое ReactJS и как он рабтает. - Какие преимущества использованя компонентов. - Как создавать компоненты на ReactJS. - Как передавать параметры компонентам и использовать JSX. - Как обрабатывать события в React. - Как работать с состоянием компонентов. - Какие перспективы использования React. Ведущая Екатерина Поршнева: - На данный момент Екатерина работает front-end разработчиком на ReactJS в компании YouScan. - Автор популярного видео-курса по ReactJS. - Спикер на всеукраинских и международных конференциях по web-разработке. - Спикер на всеукраинский семинарах и мастер-классах по разработке одностраничных приложений на ReactJS. http://frontend-science.com/react-webinar/

Микросервисы для Machine Learning / Дмитрий Ходаков (Avito)Ontico

РИТ++ 2017 Зал Сан-Паулу, 5 июня, 18:00 Тезисы: http://ritfest.ru/2017/abstracts/2723.html Рекомендательные сервисы стали неотъемлемой частью практически любого крупного проекта. Мы готовим рекомендации объявлений, обрабатывая все действия пользователей при помощи машинного обучения. Писать софт сложно, писать обучающийся софт сложно втройне. Из доклада вы узнаете: - какие трудности можно встретить при построении архитектуры распределенного пайплайна для обучения моделей; - как традиционные микросервисы помогают организовывать доставку результатов в продакшн-окружение; - как не очень традиционные микросервисы помогают нам организовать обучение моделей; - чем отличаются подходы в ml по сравнению с традиционной разработкой.

Как я перестал бояться и полюбил SVG -- Руслан Каймаков -- MoscowJS 17MoscowJS

Как верстать сайты быстрее чем их рисуютYuriy Artyukh

ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...QADay

Migrating from PHP/MySQL to Redis/Lua, my talk on High load++ (Russian)Dmitry Degtyarev

Использование AJAX в проектах НН.РУ и опыт тестирования на активных "юзерах" ...Berezin Alexander

Инновации и JavaScriptMax Klymyshyn

Full Stack разработка на JavaScriptОлег Шерыхалин

Асинхронность и параллелизм в Node.jsGeeksLab Odessa

Как стать front-end разработчиком с 0? (2)GoIT

04.12.2014 состоялся вебинар, посвященный front-end разработке. Спикером выступил: Сергей Пузанков Начал интересоваться веб-разработкой 13 лет назад. Создает интерфейсы Яндекса с 2008 года. Сейчас руководит группой разработки поисковых интерфейсов в Киевском офисе Яндекса. Работал над такими сервисами как Поиск, Почта, Главная страница Яндекса, Новости, Поиск по Блогам, Помощь и др. Читает доклады в Школе Разработки Интерфейсов Яндекса и на различных конференциях по web- разработке. Ответил на следующие вопросы: 1. Что такое Front-end? 2. Какие базовые технологии используются? 3. Почему же так классно быть фронтэндером?

CodeFest 2013. Могелашвили Г. — Мобильные сервисы, блобы и Windows 8. Храним ...CodeFest

DevOps в команде TeamCity. Евгений Кошкин, Senior Software Developer, TeamCityJetBrains Russia

Frontend в режиме реального времени [05.03.15]GoIT

Встреча 05.03.2015 состоялась в совершено новом формате и состояла из двух параллельных блоков: теория + практика. В первом блоке спикеры рассказали о: Frontend’е, его применении и перспективах. Доходах, развитии и первых шагах в направлении. Порекомендовали книги, сайты и ресурсы для старта карьеры в отрасли. В это же время, другой спикер написал рабочий сайт в реальном времени, параллельно с выступлениями коллег. В конце мы разобралим результаты и проанализировали их. Спикерами выступили: Сергей Пузанков – 13-летний опыт веб-разработки, с 2008 года работает в Яндексе, сейчас руководит группой разработки поисковых интерфейсов. Александр Сидько – 7 лет веб-разработки. Уже 1.5 года работает в Яндексе на должности разработчика интерфейсов. Павел Юрийчук – 7-летний опыт работы в IT. На данный момент занимает позицию Frontend Lead Developer в GlobalLogic. Создаёт сервисы на node.js, занимается WebRTC и прочими интересностями :)

DevOps в проекте Upsource. Андрей Сизов, System AdministratorJetBrains Russia

Вебинар по Frontend: Профессия Frontend разработчикаGoIT

Актуальные технологии и тренды в веб-разработкеDenis Izmaylov

Современные Single Page ApplicationСергей Мелюков

Евгений Куршев, Яндекс.Метрика вместо сериалов: анализируем поведение пользов...Optimization conference

Михаил Трошев — Инструменты веб-разработкиYandex

За время своего существования веб-разработка развилась в самостоятельную промышленную отрасль, производство сайтов поставлено на поток, любая более-менее крупная фирма имеет представительство в интернете, а некоторые виды бизнеса, вплоть до банковских, только в нём и существуют. Такое масштабное производство невозможно развернуть без соответствующих инструментов. Мы поговорим о том, какие вообще бывают инструменты веб-разработки, как они могут упростить и ускорить написание кода, сборку проекта и деплой.

IT talk SPb "HOWTO Service Fabric"DataArt

76363027 bo-cau-hoi-sinh-dai-cuong 2doanh2801

Programacion web 1,2,3,4Diego Rojas

More Related Content

What's hot (19)

Микросервисы для Machine Learning / Дмитрий Ходаков (Avito)Ontico

Как я перестал бояться и полюбил SVG -- Руслан Каймаков -- MoscowJS 17MoscowJS

Как верстать сайты быстрее чем их рисуютYuriy Artyukh

ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...QADay

Migrating from PHP/MySQL to Redis/Lua, my talk on High load++ (Russian)Dmitry Degtyarev

Использование AJAX в проектах НН.РУ и опыт тестирования на активных "юзерах" ...Berezin Alexander

Инновации и JavaScriptMax Klymyshyn

Full Stack разработка на JavaScriptОлег Шерыхалин

Асинхронность и параллелизм в Node.jsGeeksLab Odessa

Как стать front-end разработчиком с 0? (2)GoIT

CodeFest 2013. Могелашвили Г. — Мобильные сервисы, блобы и Windows 8. Храним ...CodeFest

DevOps в команде TeamCity. Евгений Кошкин, Senior Software Developer, TeamCityJetBrains Russia

Frontend в режиме реального времени [05.03.15]GoIT

DevOps в проекте Upsource. Андрей Сизов, System AdministratorJetBrains Russia

Вебинар по Frontend: Профессия Frontend разработчикаGoIT

Актуальные технологии и тренды в веб-разработкеDenis Izmaylov

Современные Single Page ApplicationСергей Мелюков

Евгений Куршев, Яндекс.Метрика вместо сериалов: анализируем поведение пользов...Optimization conference

Михаил Трошев — Инструменты веб-разработкиYandex

Микросервисы для Machine Learning / Дмитрий Ходаков (Avito)Ontico

Как я перестал бояться и полюбил SVG -- Руслан Каймаков -- MoscowJS 17MoscowJS

Как верстать сайты быстрее чем их рисуютYuriy Artyukh

ОЛЕКСАНДР ХОТЕМСЬКИЙ «Антипаттерни та велосипеди в JavaScript автоматизації» ...QADay

Migrating from PHP/MySQL to Redis/Lua, my talk on High load++ (Russian)Dmitry Degtyarev

Использование AJAX в проектах НН.РУ и опыт тестирования на активных "юзерах" ...Berezin Alexander

Инновации и JavaScriptMax Klymyshyn

Full Stack разработка на JavaScriptОлег Шерыхалин

Асинхронность и параллелизм в Node.jsGeeksLab Odessa

Как стать front-end разработчиком с 0? (2)GoIT

CodeFest 2013. Могелашвили Г. — Мобильные сервисы, блобы и Windows 8. Храним ...CodeFest

DevOps в команде TeamCity. Евгений Кошкин, Senior Software Developer, TeamCityJetBrains Russia

Frontend в режиме реального времени [05.03.15]GoIT

DevOps в проекте Upsource. Андрей Сизов, System AdministratorJetBrains Russia

Вебинар по Frontend: Профессия Frontend разработчикаGoIT

Актуальные технологии и тренды в веб-разработкеDenis Izmaylov

Современные Single Page ApplicationСергей Мелюков

Евгений Куршев, Яндекс.Метрика вместо сериалов: анализируем поведение пользов...Optimization conference

Михаил Трошев — Инструменты веб-разработкиYandex

Viewers also liked (20)

IT talk SPb "HOWTO Service Fabric"DataArt

76363027 bo-cau-hoi-sinh-dai-cuong 2doanh2801

Programacion web 1,2,3,4Diego Rojas

Thriller's best villainsspencerajjohnston

This document lists and describes the best movie villains from thriller genre films. It ranks Hannibal Lecter from Silence of the Lambs as the most terrifying due to Anthony Hopkins' chilling portrayal of the intelligent yet psychopathic cannibal. Second is Frank Booth from Blue Velvet, an aggressive psychopathic rapist. Third is religious serial killer John Doe from Se7en. The document also provides brief descriptions and notable scenes for other highly frightening villains such as Max Cady from Cape Fear and Annie Wilkes from Misery.

Liquid/Syrup/Oral Manufacturing PlantAkshar Engineering Works

The document describes a liquid manufacturing plant system from Akshar Engineering Works for producing oral liquids in the pharmaceutical industry. The system consists of equipment like sugar syrup vessels, manufacturing vessels, storage vessels, transfer pumps, piping, and a control panel. It allows for automated production of oral syrups and suspensions in batches ranging from 50L to 15,000L. Key steps in the process include preparing sugar syrup, mixing ingredients, homogenizing the mixture, storing the final product, and distributing it. The system is designed for simple operation by one or two operators.

Сергей Зиновьев и Игорь Ходырев - RubyDataArt

Андрей Беляев - 20 лет JavaDataArt

InstitutionsAbbey Cotterill

Institutions organize representations into recognizable forms. Alvarado proposed 7 categories of institutional determinants: finance, audiences use, audiences construction, technological elements, legislative frameworks, production practices, and circulation. As global patterns of institutions change, so do overall concepts of institutions. Understanding institutions involves asking who produces media texts, what values and codes they use, and what their relationship is to individuals.

«Lean UX — мелочи для успешных проектов» Анастасия Режепп, DataArt DataArt

180 blue dining room trainingBill Buffalo

This document provides training materials for servers at 180 Blue, a student-run restaurant. It includes: - An overview of the server uniform, pricing, and responsibilities at 180 Blue. - Steps for greeting tables, taking orders, and providing excellent service. - Details on wine service, handling complaints, and food safety practices. - Sample dialogues for greeting tables and apologizing to unhappy guests. - Guidance on anticipating guest needs, being attentive, and ensuring a positive dining experience.

Building Pennsylvania's First Detector Network Part 2PlantHealthResourceCenter

The document provides information for First Detectors on sample submission and communication flow for pest identification. It discusses why online training is important and outlines the typical communication channels that samples follow from First Detectors to state and federal identifiers. It emphasizes the importance of open communication and highlights several regulated pest lists. The document also provides tips for collecting high quality samples with adequate information and proper packaging to facilitate accurate identification.

Артур Чеканов «Microframeworks» (Python Meetup)DataArt

Артур Чеканов поведал о волшебном и таинственном мире микрофреймворков. Видео:https://www.youtube.com/watch?v=UiGuomQtFX0&feature=youtu.be Сайт: http://www.dataart.ru/ Facebook: https://www.facebook.com/DataArt.Enjoy Vkontakte: http://vk.com/dataart_enjoy Twitter: https://twitter.com/DataArt_Enjoy

8 Things Business Owners Wish They KnewUrbanBound

This document provides advice from business owners on what they wish they knew when starting out. It includes 8 tips: 1) Capitalize on underserved areas of the market and distribute your service in innovative ways to compete against larger competitors. 2) Don't stress about company culture, let it develop organically. 3) Expect to adapt your business model as conditions change in order to succeed. 4) Maintain a work-life balance to avoid burnout and have moments of clarity. 5) Embrace mistakes as learning opportunities and never repeat them. 6) Hire passionate people who find purpose in their work. 7) Seek mentorship early on to avoid learning lessons the hard way. 8) Invest in systems and processes up

Christmas eveevertvangool

On Christmas Eve in Poland, families decorate their Christmas trees and put presents underneath. They prepare a traditional Christmas dinner of 12 dishes, including borsch, mushroom soup, carp, cabbage, pierogi, herring salad, and more. No meat is eaten on Christmas Eve. An extra plate is set in case of an unexpected guest. The dinner begins after the first star appears. They read from the Bible, pray, share wafer and give wishes before opening presents and singing carols. Some also attend midnight mass.

Яна Пролис "Business value: developers against product owner"DataArt

33-я встреча сообщества IT talk SpbDataArt

26.08.2015 Тема: «Как настроить взаимодействие в проектной компании». Спикер: Тимофей Левицкий, управляющий партнер компании In.Praktika http://it-talk.dataart.ru/events/events-spb/2015/08/priglashaem-druzej-na-33-j-it-talk-v-peterburge/ 33-я встреча сообщества IT talk Spb

Presentation portfolio assessmentSandy Koh

The document discusses the use of portfolios to authentically assess child development. It states that portfolios are a purposeful collection of a child's work that show effort and achievement over time. Portfolios can include work samples, observations, and test results to track individual progress rather than failures. The portfolio records the child's learning process and development of skills like thinking, questioning, and social interaction. Anecdotal records are factual notes on children's activities while checklists are based on objectives and skill acquisition. Open-ended questions can elicit examples of language ability.

“Разговоры на разных диалектах”, Артем Захарченко, DevProDataArt

Александр Богданов «Lambda - архитектура»DataArt

Herramientas diseño webDiego Rojas

IT talk SPb "HOWTO Service Fabric"DataArt

76363027 bo-cau-hoi-sinh-dai-cuong 2doanh2801

Programacion web 1,2,3,4Diego Rojas

Thriller's best villainsspencerajjohnston

Liquid/Syrup/Oral Manufacturing PlantAkshar Engineering Works

Сергей Зиновьев и Игорь Ходырев - RubyDataArt

Андрей Беляев - 20 лет JavaDataArt

InstitutionsAbbey Cotterill

«Lean UX — мелочи для успешных проектов» Анастасия Режепп, DataArt DataArt

180 blue dining room trainingBill Buffalo

Building Pennsylvania's First Detector Network Part 2PlantHealthResourceCenter

Артур Чеканов «Microframeworks» (Python Meetup)DataArt

8 Things Business Owners Wish They KnewUrbanBound

Christmas eveevertvangool

Яна Пролис "Business value: developers against product owner"DataArt

33-я встреча сообщества IT talk SpbDataArt

Presentation portfolio assessmentSandy Koh

“Разговоры на разных диалектах”, Артем Захарченко, DevProDataArt

Александр Богданов «Lambda - архитектура»DataArt

Herramientas diseño webDiego Rojas

Similar to Александр Кашеверов — Коротко про WEB: HTML, CSS, JS. (20)

MVC in JavaScriptAlexander Tarasyuk

Александр Кашеверов - Коротко про WEBDataArt

Фронтенд разработка без болиAnton Piskunov

JSLab. Дмитрий Смолин, Дмитрий Филипенко. "React и Webpack с помощью кирки, л...GeeksLab Odessa

28.03.15. Одесса. Impact Hub Odessa. Конференция JSLab. Дмитрий Смолин, Дмитрий Филипенко. "React и Webpack с помощью кирки, лома и какой-то матери" "Предистория: – jQuery → VueJS как замена Angular → React – assets pipeline & pergament → webpack, gulp & boojum История: – Gulp: импорт задач и нетривиальная пересборка – Babel: будущее уже наступило – Webpack: программируем конфигурацию, сборка клиента для сервера, дев окружение и горячая замена кода – React: компоненты, гибридный подход к стилям, сервисы, сервер-сайд рендеринг и пререндеринг – Boojum: собираем все вместе" Подробнее: http://geekslab.co/ https://www.facebook.com/GeeksLab.co https://www.youtube.com/user/GeeksLabVideo

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьScrumTrek

2016 год. Добро пожаловать в новую реальность. Сегодня позиция JavaScript-разработчика является одной из самых востребованных и хорошо оплачиваемых в мире. Современные возможности JavaScript - это квестистенция всего, что произошло в отрасли разработки за всё её время существования: универсальные React-компоненты и композиция, декларативная анимация, изоморфные приложения, отсутствие side effects, авто-генерация тестов, симбиоз ООП и функционального программирования. Последние три года выдались самые насыщенные революционные для веб-разработки. Многие разработчики, кто не успел уследить за произошедшим, задают лишь один вопрос ЧТО ПРОИСХОДИТ? В рамках этого доклада мы попробуем синхронизироваться с JavaScript сообществом и посмотреть, что же он предоставляет нам сегодня? Как решать задачи привычные задачи? Что является актуальным направлением, а что может стать пустой тратой сил и времени?

JavaScript сегодня: React, Redux и новая реальностьDenis Izmaylov

webpack: 7 бед - один ответDenis Izmaylov

What's new in Visual Studio 2012InTRUEdeR

Фронтенд в ЯндексеYandex

Доклад об особенностях фронтенд-разработки. Речь пойдет о специфике разработки интерфейсов в больших и маленьких компаниях и о том, что должен знать хороший фронтенд-разработчик. Вы узнаете также, как устроен процесс разработки в Яндексе и какие интерфейсные задачи мы решаем.

Фронтенд в ЯндексеYandex

Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработкиITCrowd Almaty

Бэкенд, фронтенд — всё смешалось (nodkz)Pavel Chertorogov

Решения сообщества для SharePointVitaly Baum

Фронтенд в ЯндексеYandex

Mobile web appsPavlo Iuriichuk

Работа со статикой в DjangoMoscowDjango

Как Webpack сделал меня счастливееYaroslav Serhieiev

JavaScript Базовый. Занятие 09.Igor Shkulipa

My Open Source (Sept 2017)Roman Dvornov

Ошибки проектирования высоконагруженных проектов / Максим Ехлаков (OneTwoRent)Ontico

РИТ++ 2017, HighLoad Junior Зал Сингапур, 5 июня, 15:00 Тезисы: http://junior.highload.ru/2017/abstracts/2632.html Наиболее типичные ошибки, которые совершаются при создании высоконагруженных продуктов: выбор используемых языков, фреймворков, СУБД и других инструментов. Каковы причины совершения этих ошибок, и как их избежать. Во время проектирования и разработки высоконагруженных программных продуктов существует большой соблазн применить классические подходы. Однако не все они будут полезны, а какие-то даже вредны. При этом цена каждой такой ошибки всегда будет очень большой. На примере нескольких реальных проектов мы поговорим об ошибках проектирования, разработки и управления, о том, почему они возникли, и о решениях, которые позволили (или не позволили) преодолеть их.

MVC in JavaScriptAlexander Tarasyuk

Александр Кашеверов - Коротко про WEBDataArt

Фронтенд разработка без болиAnton Piskunov

JSLab. Дмитрий Смолин, Дмитрий Филипенко. "React и Webpack с помощью кирки, л...GeeksLab Odessa

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьScrumTrek

JavaScript сегодня: React, Redux и новая реальностьDenis Izmaylov

webpack: 7 бед - один ответDenis Izmaylov

What's new in Visual Studio 2012InTRUEdeR

Фронтенд в ЯндексеYandex

Бэкенд, Фронтенд — всё смешалось. Обзорная экскурсия в будущее веб-разработкиITCrowd Almaty

Бэкенд, фронтенд — всё смешалось (nodkz)Pavel Chertorogov

Решения сообщества для SharePointVitaly Baum

Фронтенд в ЯндексеYandex

Mobile web appsPavlo Iuriichuk

Работа со статикой в DjangoMoscowDjango

Как Webpack сделал меня счастливееYaroslav Serhieiev

JavaScript Базовый. Занятие 09.Igor Shkulipa

My Open Source (Sept 2017)Roman Dvornov

Ошибки проектирования высоконагруженных проектов / Максим Ехлаков (OneTwoRent)Ontico

More from DataArt (20)

DataArt Custom Software Engineering with a Human ApproachDataArt

DataArt Healthcare & Life SciencesDataArt

DataArt Financial Services and Capital MarketsDataArt

DataArt is a global software engineering firm that takes a uniquely human approach to solving problems. With over 20 years of experience, teams of highly-trained engineers around the world, deep industry sector knowledge, and ongoing technology research, we help clients create custom software that improves their operations and opens new markets. Powered by our People First principle, we work with clients at any scale and on any platform, and adapt alongside them as they evolve. We integrate our engineering excellence with deeply human values that drive our business and our approach to relationships: curiosity, empathy, trust, honesty, and intuition. These qualities help us deliver high-value, high-quality solutions that our clients depend on, and lifetime partnerships they believe in. DataArt has earned the trust of some of the world’s leading brands and most discerning clients, including Nasdaq, Travelport, Ocado, Centrica/Hive, Paddy Power Betfair, IWG, Univision, Meetup and Apple Leisure Group among others. DataArt brings together expertise of over 3000 professionals in 20 locations in the US, Europe, and Latin America.

About DataArt HR PartnersDataArt

Event management в ITDataArt

Digital Marketing from insideDataArt

Мы ежедневно посещаем десятки и сотни сайтов и периодически видим рекламу, зачастую даже не задумываясь, откуда она вообще берется. Почему именно эта реклама показана вам именно здесь? И какая роль JS во всем этом? Рассмотрим: • поговорим о жизненном цикле рекламного баннера и проследим его путь от рекламодателя до браузера; • узнаем, кто же постоянно следит за нами в интернете, как много информации о нас им доступно; • определим способы выявления некачественного трафика; • разберемся, зачем нужно контролировать качество просмотров; • обсудим, почему нельзя так просто взять и просмотреть всю статистику по рекламе в одном месте (или все-таки можно?). Алексей Уманский, JS Developer, AnyMind Group. Опыт работы в IT – четыре года. Участвовал в тревел- и gamedev-проектах: разрабатывал крупный сервис по покупке авиабилетов, создавал систему игровых автоматов для онлайн казино. Последний год работал в Таиланде над продуктами в области Digital Marketing: онлайн биржа для influencer-ов и сервис по управлению рекламой на сайте, а так же сбору статистики по ней.

What's new in Android, Igor Malytsky ( Google Post I|O Tour)DataArt

This document summarizes new features and changes in Android development tools, Jetpack libraries, UI/UX, and more. It discusses expanded Kotlin and Jetpack support, new IDE features like navigation editor and resource manager, evolution of Architecture Components like ViewBinding, and new UI elements in Android like gesture navigation and bubbles. Google is also working on new tools for CameraX, benchmarking, and continued updates to Play Store, Machine Learning, and other platforms.

DevOps Workshop:Что бывает, когда DevOps приходит на проектDataArt

IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArtDataArt

«Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...DataArt

Communication in QA's lifeDataArt

Нельзя просто так взять и договориться, или как мы работали со сложными людьмиDataArt

Знакомьтесь, DevOpsDataArt

Дмитрий Клипинин, DevOps Engineer в GlobalLogic, более 10 лет опыта работы в IT, сертифицированный специалист Microsoft по технологиям Active Directory и SQL Server. Презентация: 1. Эволюция системного администратора. 2. DevOps-практики. 3. Основные DevOps-инструменты.

DevOps in real lifeDataArt

Александр Снеговой, DevOps Software Engineer в DataArt Kherson. Более шести лет в IT. Сертифицированный AWS Solutions Architect Associate. Докладчик на международных научных конференциях. Религиозный фанат Docker. Презентация: 1. Докеризация приложения. 2. Настройка CI/CD. 3. Развертывание инфраструктуры в AWS с помощью Terraform.

Codeless: автоматизация тестированияDataArt

SelenoidDataArt

The document discusses Docker and Selenoid, with Docker being a tool to run applications in isolated containers and Selenoid being a tool for running Selenium tests in isolated Docker containers. Selenoid provides benefits over Selenium Grid like better resource usage, easier installation, and support for running each test in a separate container. The document also provides instructions for installing and running Selenoid using Docker or without Docker on different operating systems.

SelenideDataArt

Volodymyr Zdvizhkov is a senior automation engineer who has experience with several UI testing frameworks including Selenium IDE, Selenium WebDriver, Selenium Grid, Selenide, and Selenoid. The document discusses the features of these frameworks and provides tips for writing effective automated tests such as using page object models and soft assertions. It emphasizes that Selenide allows writing concise, expressive, and stable UI tests in Java through its fluent API and automatic screenshot capturing on failures.

A. Sirota "Building an Automation Solution based on Appium"DataArt

This document provides an overview of building an automation solution using Appium. It discusses tools for mobile test automation, common pain points in testing, tips for running tests on real devices versus emulators, integrating mobile testing into a CI/CD pipeline, and using cloud services for testing. Examples are provided for testing a QR code scanning app and verifying call quality between two devices. Links to additional Appium documentation and cloud testing services are also included.

Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...DataArt

IT talk: Как я перестал бояться и полюбил TestNGDataArt

TestNG is a testing framework that provides features like parameterized tests, test factories, flexible parallel execution, and a rich extension model. The document discusses TestNG tips and tricks, common issues and workarounds, and the future of TestNG. It recommends using TestNG-Foundation to order listeners and run multiple annotation transformers. ExtendNG can help run before/after methods for specific groups. Test-Data-Supplier makes data providers more readable. While TestNG continues improving, JUnit 5 is an emerging rival testing framework.

DataArt Custom Software Engineering with a Human ApproachDataArt

DataArt Healthcare & Life SciencesDataArt

DataArt Financial Services and Capital MarketsDataArt

About DataArt HR PartnersDataArt

Event management в ITDataArt

Digital Marketing from insideDataArt

What's new in Android, Igor Malytsky ( Google Post I|O Tour)DataArt

DevOps Workshop:Что бывает, когда DevOps приходит на проектDataArt

IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArtDataArt

«Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...DataArt

Communication in QA's lifeDataArt

Нельзя просто так взять и договориться, или как мы работали со сложными людьмиDataArt

Знакомьтесь, DevOpsDataArt

DevOps in real lifeDataArt

Codeless: автоматизация тестированияDataArt

SelenoidDataArt

SelenideDataArt

A. Sirota "Building an Automation Solution based on Appium"DataArt

Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...DataArt

IT talk: Как я перестал бояться и полюбил TestNGDataArt

Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.

1. Докладчик: Кашеверов Александр Дата: 13 июля 2016 года Коротко про WEB: HTML, CSS, JS

3. О чём расскажу • Теория • Немного истории • Примеры • Статистика использования js

4. Front-End + Back-End =

5. С этого момента поподробнее Схема

6. Front-end HTML CSS JavaScript jQuery CSS3 HTML5 ajax Backbone IEsvg Angular Twitter Bootstrap WebStorage D3.js prototype mootools sencha Responsive layout WebWorker Cookies Gulp Grunt Coffeescript JSON HTTP flash Canvas Polymer ReactJS

7. Front-end HTML CSS JavaScript

8. Три слона Структура Внешний вид Логика

9. evolutionoftheweb.com

10. evolutionoftheweb.com

11. evolutionoftheweb.com

12. evolutionoftheweb.com

13. 1996

14. 2016

15. JavaScript • Брендан Айк из компании Netscape в 1995 году внедрил язык программирования в браузер Netscape (сегодняшний firefox) • Цель - изменение структуры без перезагрузки страницы • В 1996 году компания Microsoft выпустила аналог языка JavaScript, названный Jscript

16. Javascript - развитие • 1995 – начало • 2005 – ajax, prototype.js, jQuery, Mootools, Dojo • 2010 – JavaScript MVC • backbone, angular, reactjs, ember, …. • Сейчас WEB без JS представить сложно

18. Пример HTML

19. Пример CSS

20. Пример Javascript

21. JavaScript, пример tabs

22. Пример tabs -> html разметка

23. Пример tabs -> чистый JS

24. Пример tabs -> jQuery

25. Пример tabs -> jQuery UI

26. Пример tabs -> jQuery UI

27. “You should deﬁnitely use jQuery”

28. Пример

29. Пример

30. Пример

31. JavaScript сейчас

32. Немного статистики dou.ua

33. Немного статистики dou.ua

34. Что рассмотрели • Frontend+Backend • html+css+js • Немного истории • Примеры • Статистика использования js

36. Домашнее задание Движение планет вокруг Солнца • https://htmlacademy.ru/ • https://learn.javascript.ru/ Что почитать • [email protected] • https://github.com/kashesandr • https://twitter.com/kashesandr Контакты

Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.

Recommended

More Related Content

What's hot (19)

Viewers also liked (20)

Similar to Александр Кашеверов — Коротко про WEB: HTML, CSS, JS. (20)

More from DataArt (20)

Александр Кашеверов — Коротко про WEB: HTML, CSS, JS.