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

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

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



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



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



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



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



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

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

 

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

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

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

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

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

 

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

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

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



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

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

 

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

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

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



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

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

 

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

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

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



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

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

 

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

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

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



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

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

 

Конструктор

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

Конструктор


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



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



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


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

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

 

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

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

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



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

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

 

WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha

Автор: admin от 19-07-2017, 00:00, посмотрело: 279

На этой неделе вышло большое обновление WebStorm. В этом посте мы расскажем подробнее о том, какие улучшения ждут javascript-разработчиков в WebStorm 2017.2 и других IDE JetBrains версии 2017.2.



Вы можете прочитать подробнее о WebStorm 2017.2 и скачать его на нашем сайте.



Улучшения в поддержке javascript и TypeScript



Move symbol



Новый рефакторинг Move symbol переносит классы, глобальные функции и переменные из одного javascript или TypeScript файла в другой. IDE автоматически добавит экспорт и обновит ES6-импорты в файлах, где используется этот символ.



Чтобы вызвать этот рефакторинг, поставьте курсор на символ в ES6-модуле и нажмите F6.



WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha
->

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

 

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

Автор: admin от 17-07-2017, 00:35, посмотрело: 140

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



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

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

 
Назад Вперед