* Что такое HTML и чем он не является.
* Гиперссылки.
* Что такое DOM, структура документа?
* HTML-теги. Основные теги.
* Для чего нужны мета-теги?
* Что такое валидный код и зачем делать код валидным?
* Другие штуки.
With the advent of html5, css3, Microformats and wai-aria we now have the ability to design our web applications with a semantic richness that can help bridge the gap between human and computer readability and make the web a more accessible place.
Unfortunately, despite the advancements of the web standards movement, many of us largely ignore or misunderstand front-end technologies.
Can we take pride in being called “craftsmen” if we continue to hastily construct the most public facing ends of our software, with code viewable by anyone!?
As craftsmen, we owe our namesakes to our willingness to go beyond the status quo. Our applications should be designed and built in such a way that they are usable, accessible, and responsive—front-end and back, for as many people/devices as possible.
As a User Experience craftsman, I view s.c.n.a. as an opportunity to help my developer colleagues better understand html5, css3 and basic client-side design principles in the spirit of working together toward a more meaningful web.
* Что такое HTML и чем он не является.
* Гиперссылки.
* Что такое DOM, структура документа?
* HTML-теги. Основные теги.
* Для чего нужны мета-теги?
* Что такое валидный код и зачем делать код валидным?
* Другие штуки.
With the advent of html5, css3, Microformats and wai-aria we now have the ability to design our web applications with a semantic richness that can help bridge the gap between human and computer readability and make the web a more accessible place.
Unfortunately, despite the advancements of the web standards movement, many of us largely ignore or misunderstand front-end technologies.
Can we take pride in being called “craftsmen” if we continue to hastily construct the most public facing ends of our software, with code viewable by anyone!?
As craftsmen, we owe our namesakes to our willingness to go beyond the status quo. Our applications should be designed and built in such a way that they are usable, accessible, and responsive—front-end and back, for as many people/devices as possible.
As a User Experience craftsman, I view s.c.n.a. as an opportunity to help my developer colleagues better understand html5, css3 and basic client-side design principles in the spirit of working together toward a more meaningful web.
Встреча "Front-end: на старт, внимание, разработка!", Сергей ПузанковGoIT
На долгожданной встрече 05.02.2015, посвященной Front-end-у участники:
• Узнали, с чего начинать новичкам Front-end разработки
• Поняли основы Front-end разработки
• Узнали о подводных камнях в данной IT-сферы
• Переняли опыт успехов и ошибок Front-end разработчиков из Яндекс и Terrasoft
• Получили информацию о возможностях карьерного роста в сфере.
Данную презентацию подготовил для нас:
Сергей Пузанков - обладает 13-летним опытом веб-разработки, с 2008 года руководит группой разработки поисковых интерфейсов в Яндексе.
Разработка Rich Text Editor: проблемы и решения / Егор Яковишен (Setka)Ontico
РИТ++ 2017, Frontend Сonf
Зал Дели + Калькутта, 6 июня, 18:00
Тезисы:
http://frontendconf.ru/2017/abstracts/2550.html
Краткая история редактирования текста в браузерах. Родовые проблемы WYSIWYG-редакторов. Типы и функции современных веб-редакторов.
Обработка различных способов ввода (клавиатура, голос, copy&paste, autocomplete/autocorrect, gesture input). Проблемы с использованием contenteditable и execCommand. Браузерные API: Selection, Input Method Editor, Clipboard, MutationObserver, CompositionEvents. Спецификация W3C Input Events.
...
Локализация - как делать глобальный проект?Alconost
Философия глобального проекта. Как делать так, чтобы перевод не тормозил релиз? Грамотное управление локализацией проекта. Лингвистическое тестирование. Кейсы и полезные советы по локализации проектов от профессионалов перевода Alconost Translations.
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
Microsoft Teams как платформа для ваших приложенийVitaly Zhukov
Мы рассмотрим новый инструмент для совместной работы Microsoft Teams с точки зрения платформы,позволяющей создавать свои и/или интегрировать уже существующие решения.Также в докладе я расскажу о новых возможностях для разработки приложений такие как расширения, позволяющие вставлять Ваш контент в чат, боты и коннекторы.
Встреча "Front-end: на старт, внимание, разработка!", Сергей ПузанковGoIT
На долгожданной встрече 05.02.2015, посвященной Front-end-у участники:
• Узнали, с чего начинать новичкам Front-end разработки
• Поняли основы Front-end разработки
• Узнали о подводных камнях в данной IT-сферы
• Переняли опыт успехов и ошибок Front-end разработчиков из Яндекс и Terrasoft
• Получили информацию о возможностях карьерного роста в сфере.
Данную презентацию подготовил для нас:
Сергей Пузанков - обладает 13-летним опытом веб-разработки, с 2008 года руководит группой разработки поисковых интерфейсов в Яндексе.
Разработка Rich Text Editor: проблемы и решения / Егор Яковишен (Setka)Ontico
РИТ++ 2017, Frontend Сonf
Зал Дели + Калькутта, 6 июня, 18:00
Тезисы:
http://frontendconf.ru/2017/abstracts/2550.html
Краткая история редактирования текста в браузерах. Родовые проблемы WYSIWYG-редакторов. Типы и функции современных веб-редакторов.
Обработка различных способов ввода (клавиатура, голос, copy&paste, autocomplete/autocorrect, gesture input). Проблемы с использованием contenteditable и execCommand. Браузерные API: Selection, Input Method Editor, Clipboard, MutationObserver, CompositionEvents. Спецификация W3C Input Events.
...
Локализация - как делать глобальный проект?Alconost
Философия глобального проекта. Как делать так, чтобы перевод не тормозил релиз? Грамотное управление локализацией проекта. Лингвистическое тестирование. Кейсы и полезные советы по локализации проектов от профессионалов перевода Alconost Translations.
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
Microsoft Teams как платформа для ваших приложенийVitaly Zhukov
Мы рассмотрим новый инструмент для совместной работы Microsoft Teams с точки зрения платформы,позволяющей создавать свои и/или интегрировать уже существующие решения.Также в докладе я расскажу о новых возможностях для разработки приложений такие как расширения, позволяющие вставлять Ваш контент в чат, боты и коннекторы.
10. Частые теги
Теги и атрибуты запоминать не нужно,
нужно понимать правила их применения.
<a>…</a>
<p>…</p>
<br>
<span>…</span>
<div>…</div>
<form>…</form>
<input>
Атрибуты:
• цвет
• размер
• адрес