官术网_书友最值得收藏!

  • KnockoutJS Essentials
  • Jorge Ferrando
  • 211字
  • 2021-07-23 20:16:15

Installing components

To develop our real-world project, we need to install a few components and set up our first layout.

These are all the components you need to download:

Since we just work on the client side in the first chapters, we can mock data in the client and will not need a server side for now. So we can choose any place in our computer to start our project. I recommend you use the environment you usually employ to do your projects.

To start, we create a folder called ko-cart and then create three folders and a file inside it:

  1. In the css folder, we will put all our css.
  2. In the js folder, we will put all our JavaScript.
  3. In the fonts folder, we will put all the font files needed by the Twitter Bootstrap framework.
  4. Create an index.html file.

Now you should set up your files the same way as shown in the following screenshot:

Installing components

The initial folder structure

Then we should set the content of the index.html file. Remember to set all the links to the files we will need using the <script> and <link> tags:

<!DOCTYPE html>
<html>
<head>
  <title>KO Shopping Cart</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
  <script type="text/javascript" src="js/vendors/jquery.min.js">
  </script>
  <script type="text/javascript" src="js/vendors/bootstrap.min.js">
  </script>
  <script type="text/javascript" src="js/vendors/knockout.debug.js">
  </script>
</body>
</html>

With these lines of code, we have all we need to start our application.

主站蜘蛛池模板: 洛南县| 青田县| 深泽县| 泸定县| 宁国市| 稷山县| 凌源市| 盘山县| 柯坪县| 大邑县| 山东省| 泾源县| 广昌县| 突泉县| 华坪县| 阆中市| 铜鼓县| 浑源县| 寻甸| 中牟县| 宁海县| 商水县| 吉水县| 梁河县| 湖州市| 喀什市| 丰顺县| 鄯善县| 衡阳县| 汾阳市| 内黄县| 青龙| 无极县| 日喀则市| 宁南县| 县级市| 泉州市| 安图县| 云龙县| 来安县| 三门县|