Html страница глазами разработчика приложений. Часть 1: «Подготовка»

Автор: admin от 20-02-2018, 06:35, посмотрело: 276

Передо мной встала задача по обновлению текущего сайта одной компании, и в соответствии тренду выбор пал на landing page с поддержкой мультиязычности.



Посмотрев на реализации представленные в интернете я ужаснулась. В теле страницы куча текста! С такой разметкой же невозможно работать. А если надо поменять информацию? Это надо лезть в html, искать нужное, и менять в нескольких местах. Короче ужас! И я подумала что хорошо бы использовать базу данных, но это же обычная страница, и разворачивать ради нее целый сервер? и базу? как то перебор! Работая с Angular2 я подумала что было бы классно с его помощью создать страницу, но он очень тяжелый, и не подходит… И тут я вспомнила о его аналоге Vue.js. Легкая библиотека, для создания приложений. Я подумала: "А почему бы не создать сайт с помощью vue и добавить имитацию базы?".



Обдумав все за и против, посмотрев на другие подходы, мне захотелось внести немного "красоты" в html верстку.



Для объяснения подхода я решила сделать небольшую страничку, потому что выкладывание полного кода существующей страницы считаю слишком "тяжелым".



Но пришлось все равно разбивать статью на 2ве части, тут описывается только подготовка небольшой страницы и добавление меню для смены языка.



Html страница глазами разработчика приложений. Часть 1: «Подготовка»

Категория: Программирование

 

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №129 (5 — 12 октября 2014)

Автор: admin от 31-08-2017, 17:31, посмотрело: 667

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости



Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №129 (5 — 12 октября 2014)

Категория: Программирование / Веб-разработка

 

Подборка интересных CSS-рецептов «Голые пятницы #4»

Автор: admin от 31-08-2017, 17:31, посмотрело: 637

Подборка интересных CSS-рецептов «Голые пятницы #4»

Здравствуй, дорогой читатель хабра!
Сегодня мы поговорим о «липких» блоках, новом свойстве для изображений object-fit, продвинутом использовании CSS-счетчиков, ключевом слове currentColor, и о том, есть ли анимация в z-index.

Категория: Программирование / Веб-разработка

 

Подборка интересных CSS-рецептов «Голые пятницы #4»

Автор: admin от 31-08-2017, 17:31, посмотрело: 637

Подборка интересных CSS-рецептов «Голые пятницы #4»

Здравствуй, дорогой читатель хабра!
Сегодня мы поговорим о «липких» блоках, новом свойстве для изображений object-fit, продвинутом использовании CSS-счетчиков, ключевом слове currentColor, и о том, есть ли анимация в z-index.

Категория: Программирование / Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №275 (7 — 13 августа 2017)

Автор: admin от 14-08-2017, 11:55, посмотрело: 429

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.



Дайджест свежих материалов из мира фронтенда за последнюю неделю №275 (7 — 13 августа 2017) ->

Категория: Программирование / Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №274 (1 — 6 августа 2017)

Автор: admin от 7-08-2017, 11:20, посмотрело: 506

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.



Дайджест свежих материалов из мира фронтенда за последнюю неделю №274 (1 — 6 августа 2017) ->

Категория: Программирование / Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №273 (24 — 30 июля 2017)

Автор: admin от 31-07-2017, 03:15, посмотрело: 486

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.



Дайджест свежих материалов из мира фронтенда за последнюю неделю №273 (24 — 30 июля 2017) ->

Категория: Программирование / Веб-разработка

 

Конструктор

Автор: admin от 28-07-2017, 12:45, посмотрело: 447

Конструктор


Денис Паясь (Яндекс)



Меня зовут Денис, я работаю в Яндексе, а если точнее, то я занимаюсь разработкой фронтенда для страницы поисковой выдачи.



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


Сегодня я расскажу про такую офигительную нашу внутреннюю штуку как Конструктор, про то как он получился, почему, и как мы вообще к этому всему пришли.Мне кажется, что те решения, которые мы приняли в процессе реализации этой замечательной фиготы, могут быть полезны не только нам в рамках нашей компании, нашей команды, но и целому множеству других команд, в ваших, например, компаниях. Я не знаю упомянул я или нет, но проект реально очень крутой. Почему – сейчас расскажу.
->

Категория: Программирование / Веб-разработка

 

Конструктор

Автор: admin от 28-07-2017, 12:45, посмотрело: 447

Конструктор


Денис Паясь (Яндекс)



Меня зовут Денис, я работаю в Яндексе, а если точнее, то я занимаюсь разработкой фронтенда для страницы поисковой выдачи.



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


Сегодня я расскажу про такую офигительную нашу внутреннюю штуку как Конструктор, про то как он получился, почему, и как мы вообще к этому всему пришли.Мне кажется, что те решения, которые мы приняли в процессе реализации этой замечательной фиготы, могут быть полезны не только нам в рамках нашей компании, нашей команды, но и целому множеству других команд, в ваших, например, компаниях. Я не знаю упомянул я или нет, но проект реально очень крутой. Почему – сейчас расскажу.
->

Категория: Программирование / Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №272 (17 — 23 июля 2017)

Автор: admin от 24-07-2017, 03:10, посмотрело: 401

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.



Дайджест свежих материалов из мира фронтенда за последнюю неделю №272 (17 — 23 июля 2017) ->

Категория: Программирование / Веб-разработка

 
Назад Вперед