Создание мобильного приложения на Meteor.js. Часть 2/15 — Инструменты разработчика, html шаблоны.

Автор Ruslana Chernenko
Создание мобильного приложения на Meteor.js. Часть 2/15 — Инструменты разработчика, html шаблоны.

Привет мир с вами.

Давай я рассказываю разработки мобильных приложений прошлый раз мы установили. Метеор и редактор пришло время приступать к разработке приложения открываем атом нажимаем комбинацию Shift Command for для открытия нашего проекта приходим документы meteor.js. Прошу раза переместил папочку Franklin Park meteora ошибочно не томи создал и нажимаем открыть после чего естественно нажимаем плюсик чтобы открылась консоль и как уже знаем пускаем метеор пока метеор запускается.

Давайте включим в сафари инструменты разработчика переходим в сафари настройки дополнение и галочку показывать в меню разработчика строки меню.

После этого у нас появится. Вот — это меню, но и, что с этим делать я объясню чуть дальше нас запустился сервер убиваем адрес localhost 3000 переходим на образец приложения. Метеор и так, что нам дало включение инструментов разработчика то, что у нас при щелчке правой кнопкой появляется пункт проверить объект не у нас открываются возможность посмотреть из чего состоит страница объекту проверить объекты в окна видим, что — это заголовок 2 уровня. Ничего страшного. Если вы сейчас не понимаете, что — это вообще такое. Мы со всем разберемся по порядку приступаем к разработке приложения первое, что нужно сделать удалить код тестового приложения разбираться в нём не будем к этому. Вернемся чуть позже удаляем всё из файлообмен точка G S находящегося в папке сервер и переходим к папке клиент удаляем всё из файла MAN TGS mensis у нас пустой и переходим в Main HTML и. Так удаляем строки 17 по 25 удаляем строчку в девятую удаляем восьмую удаляем с 13 по 16 и так сейчас у нас остаётся шаблон приложение тем кто не знаком с тем, что такое HTML советую прямо сейчас поставить видео на стоп изучить вопрос. Что — это такое. Что — это за язык и для чего он нужен и также выяснить. Что означает Head title Body и H1 тем, что такое Tag обязательно тоже смотрим. Что — это такое. Ну Будем считать, что вы ознакомились и выучили назначение этих трёх тега Head title Body и H1 и так наши приложения. Франклин должно помогать людям развивать в себе. Качество хорошее качество и первые качество которое к примеру. Я хочу себе развить будет называться уравновешенность сохраняем файл продвигаемся последние файлы в которых всё поудаляли и посмотрим, что получится. Ничего перезапускать мне нужно метеор автоматически проверяет имени фамилии перезапускает приложение, а мы видим головок уравновешенности тактика H1 необходимо для того чтобы выводить на странице заголовок первого уровня также. Давайте добавим ещё дополнительные качества ведь одного мало переходе в менеджмент если вы работаете в ад. Используйте быстрые клавиши которые я советую так Shift Command D копирует строчку мы скопировали и теперь кроме уравновешенности добавим уверенность в себе и к примеру ещё одно качество — это будет не то чтобы качество — это попытка избавиться от вредной привычки курение напишем обходиться без сигарет сохраняем метеор автоматически перезагружает и мы видим все эти три качества на странице и по сколько сейчас мы работаем с HTML. Давайте сразу заготовку на будущее и создадим форму с помощью которой мы будем добавлять дополнительные качества после тега Body пишем слово форум автоматические предлагает вставить готовый сниппет нажимаем Enter Class Action и метод Post вырезаем они мне пригодятся внутри тега form ставим курсор отбиваем Input, а там в очередной раз предлагает использовать готовый сниппет так — это кнопка назовём её добавить и смотрю, что у нас получилось отлично. У нас появилась кнопка собственно для этого то и нужен Input с типом батон. Давайте его про дублируем и у верхнего. Измерь на текст и очередной раз посмотрю, что у нас получится ну вот здорово у нас появилась поливода куда мы будем вводить название нашей нашего очередного качество которое мы хотим в себе развить. И после этого будем нажимать кнопочку добавь — это не работает мы сейчас всё делаем заготовки на будущее. В следующем видео мы обязательно выучим как — это всё оживить сейчас на могла сосредоточиться на том как работают. Как работает HTML. Метеор и, что такое шаблоны собственно давайте. И выясним, что такое шаблоны сейчас. Наш кот в виде сплошного текста. Давайте Разобьём. Ивана шаблоны. Ишим Tag template не стоит его искать в учебниках по HTML — это так который позволяет создавать шаблоны для. Метеора и зададим этому шаблону имя. Яна форум если мы сейчас сохраним мы увидим, что наша форма исчезла со страницы — это произошло потому, что на шаблон создан. Но никуда не подключен. Давайте подключим этот шаблон для этого мы ставим две фигурные скобки открывающих знак больше и две закрывающие скобки внутри пишем название нашего шаблона зачем — это нужно. Затем, что если мы захотим где-то ещё использовать эту форму в ходе нашего приложения нам. Достаточно уже будет использовать только готовый шаблон просто его включить замечательно положительные качества я также внес в 1С шаблон который назову гуднесс лист и внутри которого вставлю перечисленные добродетели и также подключаем этот шаблон и видим, что всё по-прежнему просто. Здорово сейчас каждый шаблон. Иване свадебный файл для этого их необходимо создать мы создадим File input form и создадим файл goodness лист . почти. Ну и переименуем Input form в HTML.

0 комментариев
0

Читайте также