# Resources

(content:references:w1)=

## Week 1

```{div} full-width
- [docker.com](https://www.docker.com/)
- [Docker installation documentation](https://docs.docker.com/get-docker/)
- [Docker Hub](https://hub.docker.com)
- [Microsoft official Docker images](https://github.com/devcontainers/images/tree/main/src)
- [Best practices for writing Dockerfiles](https://docs.docker.com/develop/develop-images/dockerfile_best-practices/)
- [All Docker commands](https://docs.docker.com/engine/reference/commandline/docker/)
- [Docker commands cheat-sheet](https://docs.docker.com/get-started/docker_cheatsheet.pdf)
- [Birth of WWW](https://home.cern/science/computing/birth-web)
- [HTML tags](https://www.w3schools.com/tags/default.asp)
- [HTML special characters](https://html.spec.whatwg.org/multipage/named-characters.html)
- [W3schools-HTML](https://www.w3schools.com/html/default.asp)
- [Learn Emmet In 15 Minutes](https://www.youtube.com/watch?v=V8vizNQKtx0)
- [Emmet cheat-sheet](https://docs.emmet.io/cheat-sheet/)
- [HTML Color Names](https://www.w3schools.com/colors/colors_names.asp)
```

(content:references:w3)=

## Week 3

```{div} full-width
- [csszengarden](https://www.csszengarden.com/)
- [Awesome Icons Reference](https://www.w3schools.com/icons/icons_reference.asp)
- [CSS cheat-sheet](https://htmlcheatsheet.com/css/)
- [CSS cheat-sheet 2](https://devhints.io/css)
- [CSS Combinators](https://www.w3schools.com/css/css_combinators.asp)
- [Pseudo-classes](https://developer.mozilla.org/en-US/docs/Web/CSS/:link)
- [Pseudo-classes](https://www.w3schools.com/css/css_pseudo_classes.asp) vs. [pseudo-elements](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements)
- [CSS selector examples](https://www.w3schools.com/cssref/trysel.php?)
- [Media Query](https://www.w3schools.com/cssref/css3_pr_mediaquery.php)
- [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)
- [CSS Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
```

(content:references:w4)=

## Week 4

```{div} full-width
- [Visual Studio Code Extensions for Web Development](https://www.youtube.com/results?search_query=vscode+extensions+for+web+development)
- [The TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)
- TypeScript: Online PlayGround
  - [https://typescriptlang.org/play](https://typescriptlang.org/play)
```

(content:references:w5)=

## Week 5

```{div} full-width
- [Web APIs](https://developer.mozilla.org/en-US/docs/Web/API)
- [Window APIs](https://developer.mozilla.org/en-US/docs/Web/API/Window)
- [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp)
- [Java|Type scripte Array Operations](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)
- [Higher-order Functions](https://www.freecodecamp.org/news/higher-order-functions-in-javascript-explained/)
```

(content:references:w6)=

## Week 6

```{div} full-width
- [Type Aliases vs. Interfaces](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#differences-between-type-aliases-and-interfaces)
- Midterm Exam
  - [Guide](exams/midterm-guide)
  - [Exercises](exams/midterm-exercises)
  - [script async vs defer attributes](https://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html)
```

(content:references:w7)=

## Week 7

```{div} full-width
- Sass
  - CSS Preprocessors: [Sass](https://sass-lang.com/) \| [less](https://lesscss.org/) \| [stylus](https://stylus-lang.com/)
  - [Sass Online Playground](https://sass-lang.com/playground/)
  - [Sass Basics](https://sass-lang.com/guide/)
- [HTTPS](http://www.youtube.com/watch?v=iQsKdtjwtYI)
- [vuejs.org](https://vuejs.org/)
- [vuemastery](https://www.vuemastery.com/)
- [Online Playground](https://play.vuejs.org)
- [vuejs-devtools](https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp)
- [1-way Binding](https://play.vuejs.org/#eNp9U9tu2zAM/RVCA4ZmSO1chsXInAxtUWArdkM79GXeg2IztlpZMiTZSRHk30fLdZJhRd9onkOKPIfesYuqCpoa2ZzFDstKcofLRAHExXj5GaXUsNvBptCw38ch5TyWicYHFIoyh7k16SJhFH7VKXdCq4RB2DO0fI4olgKa87U2xD7jQxDZdgBCAXe6tFTTnK+EyuaP+NS2y7YJW9Lr3L8tRd8wfO4Yh/0ccTFZ3nKV6RJUXa7QzNupDWXuuewmn3TEit4Qa+regzFMx/TMJUq9oTAOqyMRpcV/2UuIZsSOZqANlNrgf3zq5DaICqaT82jWwXF4Im1sUyMqBxZdXYHkKqf+jrYnTJSVNg5odFzDHtaGFkoY2ZOwj4lKtbLOe7FoCWcJu6/x5g6mAQk1OBBObDgQC+cqOw9D3nDHjQ1y4Yp6VVs0VONQuSDVZViHH8aTaDyafbKLSTR62yzenzb2Lj23/J2wC5O3Rg9pwktuRF128RU3qzb/51jYq9eVfuOuCNZSa9OFLarLswG8g/FoNGjL4rATycvlniSCTXWFGX0XY9i1gqdaarL5TRRFVLAnYHIKGMy6NLVqGyzZkESmcdYiDx6sVnTwnp4w2rwSEs2PqpWMjKDj6S4tYZx+gM2NzzlT47DPpwWmjy/kHyxZMafgp0EStyHjDhgJn6Pr4Ou777il+ACWOqslsV8Bb9FqWXd/V0u7rFVGY5/w/LRf/A0Jlf+y11uy1vZLtYO2zL3n+7O6emX147jTYOrrSE+2/wtWB1uU)

```

(content:references:w8)=

## Week 8

```{div} full-width
- 2-way Binding
  - [v-model: Input text](https://play.vuejs.org/#eNqVUk1PGzEQ/Ssjn4IEu1BudBOJtlRqDy1qe0HyxWwmweAv+SMJXe1/79hmA6UFidvoveeZ92Y8sHPnmk1Cdsa6iNopEXHBDUC3lJtSUOkWVzZ5MEIjdNK4FCHeO5xzFnEXOYPNkbZLVARkDQHtomvdW583Svy+f7FHLQAuZX8HAkzS1+gn8O+2Xph17jD1rVoiRIG1NFSf5ErscnV8THWI6B7gdpr6TwZq8GzWg48Xhz1LMQx1D+MIWxHg2noD0gDB8UaGKxQejsqUcZzedW09Rdc+OVAXei9dhIAxOVAUOK8zcEac1M76CAN4XMEIK281cEZH5uw9N701IVYT86yYcXa+FJqzgz25tzIHg1v4RCNnB80a4+ekVCZmj9rstfZ5d5LRrq3OyAc7JEekWsl1cxusoT825ECc9VY7qdB/d1FSF87OoDCZE0rZ7deCRZ/wcML7G+zv/oPfhl3GOLv0GNBvKOWei8KT60pf/PxWftuepHMlRepXyB8YrErZY5V9SGZJtp/oitsvZeHSrH+Fi11EE6ZQ2WhWjkVfbvDxleiPdk+b0/KOm5GNfwBw/y57)
  - [v-model: color and Date](https://play.vuejs.org/#eNp9UsFO6zAQ/JWV3+U9iTZpuTxBqASIAxwAAUdfTLINBse2bKcUovw7a6dpC0K9WTO7s7Oz7ti5tdNVi+yEFQEbq0TABdcARSVX6UFPu7iX5RsIqIiFQmrbBggfFs84ixBnsJo0pkK1AR6DIyxbFJndaXQdaNEg9D28Cw/PxmmQGgjetBDzrWEztDTKuB9TE/Zt7AuuLyP46+jE/JAIuA47hakSnx8HZIpsyKPI9lIqfOmkDeAxtBaU0HXU9ZwRJxtrXIAOHC6hh6UzDXBGSXN2ynVptA9DHGex4i9n55VoOPu3JcdQRn6ez/5PZvlkNt+vEvWoMJ/t0L0ttv1/8jwfOots8E0u2RH5pZ6lrKev3mj6Bl1cNybcWKnQ3dkgSZOzE0hM5IRS5v0mYcG1eDTi5QuWb7/gr34dMc7uHXp0K8pgywXhaqRDRPrq8TYdZUvSaVpF1QfIB/RGtdHjUHbR6ops79Ult9fpHFLXT/5qHVD7caloNFb2qT5d6PLA6ju7x9Pj1Md1z/ovTfMSbw==)
  - [v-model: Radio buttons & Dropdown List](https://play.vuejs.org/#eNqVU8tO6zAQ/RXLq3slaIDuIEQCBBIsAAESQvImJNNicGzLj1IU5d8Z200IiEe7m8w5Z848nJYeaT1ZeKD7NHfQaFE6KJgkJK/5IgYYcqm9I+5NwyGjpqy5YpTwGj/cDkaLUviA3HPpwITEdqNqEJiyUFolMZX1tUT5CILMlFmpi6TKswis4bg7crzVhsv5Jo6oLpJqfce9saNvms1mRHWRVOs7TkeOZ6UQm/ihtgiaL266eFCeVE/KAmlbkoqQrssz3VMsCKjcN04rAlKUdhxlXy8+HDHhP/L7ew0n+Iu/2vawwD/4aVer8T9x8yxNl952lh53no2efG4rw7XDzTiviSjlPGzTxul5o5VxpCUGZqQjM6Mawij+NoweMFkpaYMubvQwcP71rfxHGK1j5YJuYT0kz/h88oxc/Ofa0A6jlWo0F2CuYsvouU8iEjCso14vYs4ZD1t9vnqC6uWb/LNdhhyj1wYsmAX2OGCuNHNwCT69vYQlxgOIV/cC2b+AN2CV8KHHRDv2ssa2R7zY7XlcFx74zp4uHUjbDxUaDcwu8uMGT34Z/aPd6WQadUx2tHsHwgCKTw==)
    - [with data array](https://play.vuejs.org/#eNp9UU1LxDAQ/StD8KCwbg/eal1QUdCDiiuIGMHazq7RNAn5qCul/91Jul1XkL1N5r15eW+mY6fGTNuALGeFx8bI0uOMK4CiFm0qqBwBaA8X2p5wtu8mIOrVAQgFpZRzLJ1WjjPIP/GbcMI4W0/TvFAmePDfBgmzZS10pIqaXq92ryN2/xo7bSlDpESl9rDRNcr4SurUyn4VZfmGEvLBzZbGrOvAQd8XWWKMAbI/0ahhZk86QPWuHUIcSV+kOTOkz4b4fyYLV1lhPLF9MCBLtaTPPZklTDRGWw8dWFxADwurG+CMFsvZMVcVbcdvbQpOIm//mbNHoTxazibEnhsr1HJdh6YZ+5c0yNnLwUZobXcQGfEIF9lgccYmZIzIC7GcfhCXztvFXJxVujFCor01XqSb5ZCQiJGO/rpOPW8DTsZ+9Y7V5z/9D0dnzqm4s+jQthR2g/nSLtEP8MX8BldUb0A6bZDE3gHeo9MyRI8D7Syommxv8ZLbq7R3WtuDu1h5VG4MFY1GZp/46RTnO6L/2j2aHqU5rnrW/wCvCQWI)

  - [v-model: Checkbox](https://play.vuejs.org/#eNqVUstO5DAQ/JWWT7sSO9nduQ0hEiAOIPEQcEGEg8n0ZAyObfkxDIry77QdMkQIIXLrdFVXlTvdskNjZpuAbMFyj42R3GNRKoB8KTapoFIoEzz4V4MHJavWWD0/6m3JQCzj91+qNlyGCF6hMWi1ErH3p9FLlNT12hihakfNbNCU/BElrLR9lyh2o3mWsJ+Z/xuZnwe3tlo307xJoRgmJ1n/H1kfSV49w6UUG5zmTiLFaNhNSjAfJbjhwfF6ojsJFO+Dn4xNcacDVGvtENoWBiXoujwz/YFk/YXk2ehucldZYTw49MGA5KqOMSgAYaIx2npoweIKOlhZ3UDJ6PZKtl+qSitHLx18DiLr1/3Db4LyrFctgO2RGDFXop49Oa3oatuYhZ6iGyMk2kvjBSmVbAEJiRiXUr+cpZ63AfeGftrnF/0nRyteUHFl0aGNv3SHeW5r9D18cnOBW6p3IO09SGJ/A16j0zLEjD3tKKglxR7xUtrTtCvaxK072XpUbnhUDBqZXeKn9R1/8/SPuPPZPM2VqmPdG2GWTmo=)
    - [with data array](https://play.vuejs.org/#eNp9UU1P3DAQ/SsjqweQls2BWxpWKhWHVmpBhUtVV8Iks1mzjm35IyyK8t8ZO5vdRULcPPPePL+ZN7Bv1i77iKxkVcDOKhFwxTVA1cg+P+g5A9BfrI274uwsLEA2u3OQGoRSD8ZaqVvPGZRbfCUCgZztx0lAahsDhFeLhNUbrLdPhghQyoYaj/WXgQbGx9TphYqJFajoLzrToErV8YfiKKvEEyooJ08nKqthgADjWBWZMa9RvFuQGnb110SoN8YjpJH9J3nSTlcopjO8m6187aQN4DFEC0roNjkkb4TJzhoXYACHaxhh7UwHnNGBOfvKdW20D6cXg6tEPPvH2R1ai85oydmCJn5Fv3HGdFN1rUS9hVsle9JJjXsRvWip+H9+kD3Y32tmqComsytgC/JIzLVsl8/eaEp8SCtSIKazUqG7tUGSEmclZCRh5NW8/My94CIu5n4O8YP+s6dcS3rcOfTost8ZC8K1SLkm+Ob+N+7ofQAp6aiI/Qn4B71RMXmcaNdRN2T7hJfd/sgR0CUe/M0uoPbzUsloYo6Zn1P5/snqR7uXy8s8x/XIxjcaEA2g)
- Event Handing
  - [Event reference](https://developer.mozilla.org/en-US/docs/Web/Events)
  - [Event Handling: Button Click and Mouse Activity](https://play.vuejs.org/#eNp9VFtP2zAU/itn2QsIaNnYU5YiLkIa0zqmbdI0KS9pfJoYHDvyJbSq8t85ttMSUNWHqvH5vvOdq71Jrtt20jlM0iQzpeatBYPWtSAKWc3yxJo8ucwlb1qlLWxA4xJ6WGrVQJ6QX558zWUuSyWNhVI5aWHmSUfnxyPguUYUt+/RiDXKGbyXhjMcwGUhDEb3pZOl5UpGhbnqkB1hl8I/f7zrUNpj2OQSRhEmXSEcwskM5oWtJ4ZXklwmDIUt/nvV/o3wEP5o0BllMwjNwGqH0e+t14Ozh9xCGe/8CsYeJG69Qr8i/+TkHdO4hdVFaffTz84iPZvGodGI6GCxaUVhkU4AWf3pMnQIvhWSCS6rFG6ctaR9K3j5BGSFuc8brilkx+06m5JP8G0vQy9RAzew2QyT7fts2kbCIipdlV6K9iQWRrsyVxqzaYT3U0eVEf8HGjPix+jQnfElUT+M+hq0O4ytBi6tAlsjLNRql5T3Q2p6JK6V0wM7bMeOxnjn/wE4oxgkkCfxfBV4ZHvdth0UhKibqAkf0noLCiw63IK0GxENIcH3cHQJehodJTKlTAjPpqPBZcauRZjgR8osDp6K1Ax1Cp/bFRglOIOFKMon2gECnzmzdQoX591zNNTIq9qm8KVsvCHE8j8vmNZUlR5kYUEilaaUWAprFEJFhbhYQx7JKT0CdFWXvJo8GiXppQjeeVKqpuUC9UPrN5YeinSrS/vgxb4Hm78+p1t7WWP5tMf+aGgKKX380mhQdzTuHWYLXSG108N3f37iir53YKOYE8Q+AP5G6pnzOUbaDdVLaY94Idv78MbRPflr7lYWaemGonyioS2BH5692wOlv6Z7MbkY2tkn/QuXINli)
  - [Event Modifiers](https://play.vuejs.org/#eNq9VE1vGjEQ/Ssjn0BNICg3skRtEKpSqaEKPfqy7M5SJ17b9QclQvvfO/byFSVApUo57XrevPHz84zX7IsxvWVANmSZK6wwHhz6YG65ErXR1sMaLFbQQGV1DZxRLmc3XHFVaOU8VMLiDH8HVAXCKOZ2OOOsm1KqoAovtAKvTacLa67gFaG3zGVA+DSiwnBHvzepdnPArEXZwSUqf47+iOVbdqFLPLvxV4uo3nIdymosRfF8tsCMMmGq5Ms7AiTm9kSByN+Ssn57A+Q9LTzWRuYeaQWQGfhcRC0jzshLzlIUYBo8Wsjme5T82qEA30VZSoTOg1aXRW58sNiFzJlc7RnRI6LcK4WWJBC2oWf9ebt5P7bDP4vobTY6Kmb8UUIcgUdVzAj8AAnUGsclEPgfEubBe2qxPTP2GlHH8UvZCW5TS7EE519kupTcLoS6JNVDGFyZFTXt7SROmBvCev16oJsm6xOXimT9g4akZapGv6Zt7UJLbYcwTzMcm3nexufalkjAwKzAaSlKeiFoTveM7dLkZSnUYghXMMC6rZGMOSy/aCd1MywbBeyCeUePUSUWvSenFT1liROtrI2QaKcmzqLjjA7YeslZLqX+8y3FvA14sY0Xv7B4fif+5FYxxtkPiw7tku5oh3lyFH0LT2YPuKL/HVjrMkjKPgE+IlkTosY27S4o6g+6yl1eUnufHmQy6aebrDwqtz1UFBozm5Sf3ujxiaPv5V73rhOPHGXNXwYP/R4=)
  - [Passing Arguments to Event Handler](https://play.vuejs.org/#eNqNU11v0zAU/StXFtIyqaSCQVdCNvGxPoBUmBjihSAtS2/arI4d+SPtFOW/c223pVuriac4955zfHyu3bGPTRO3FlnCUoN1w3ODl5kASC33X1rxCtqXpVQXGYuaAVRihutT+gChBRqdMUiW+EDtJhZ5jRnbMAG6DkIN+n5bS++sMVLAh4JXxZJYM+Ro8NqLRUGdJK58NR0G9E7xgK0XchWFTRztV4Wr/yNdockrTu5pK796QkuHvApRDH0W6XAvIPrVhaoaAxqNbYDMz0nXhUHdqm6kMtCBwhJ6KJWs4YRSPnnvmIUU2mzDgwsHin67jTpwp0ggY1NUhVUPGRtQt5XcmkqKBMbn8btz6AePwZNcmcVT6Nnobfx6dICd5oosPoaOxqN4NPbQP6feYWlF4XpwOJoEhK3vUJ1C55Q3p4jbnFuMdUP5YgAO4JUTo7Hv6flhBS/aqErMNzI5R2Wi2xtqUxFedA7T3x4X2IwrwhaFSWAqrcaJWx8XmwU4yJJ0PSc2uZqj2emnwzDLSzagCdJ4ymoe32sp6FV4xYwVsm4q0v3eOBsUYRL2cr2cc7n66mtGWfSJe84Ci+WR+r1eu1rGrhVqVC09mF0vOAvtyc03XNN616zlzHJCP9P8gXoz1wD7ZMWMbO/hvNsv/oJSOj/1ZG1Q6O2hnFGHDPcmY3RpPz9z9H92z+I3nkeBsv4vLKd0Vw==)
- [Template Refs](https://vuejs.org/guide/essentials/template-refs)
  - [demo 1](https://play.vuejs.org/#eNp9UU1PAjEQ/StNL2IkuyHcdCEqIVETlajHXpYyQKE73bRTJCH7353uBiTRcNl0533Me+1BPtR1tosgb2VBUNW2JBgrFKJYmF174ON6IDwsR0rOS6/kuMjXgyM0j0QOxb22Rm+ZYVB7qADpaTBxEQmSYGZjEIMi78idfd75F/nZVv4N2puaRACKtbAlrtiTAnsoNFXtPIlDytIXDl9b/4VoxNK7Slxxi6s7hdphIMFJxSgxexitveb5MqImw1n/Ruxdi0MKxaJsV9oIGcGeJo4xpJsbFits0ue0tMeS0fiCipcrOVSStU3aXuRdM+4h+9yIUy7NKtsEh3z1rY+S2lW1seDf6xSUW992GxJWWuu+X9oZ+Qj941yvQW//mW/CPs2UnHkI4Heg5Amj0q+AOnj6+capz8DKLaJl9gXwA4KzMWXsaI8RFxz7jNemfW4fzODqK0z3fCnhWCoFTcym5SvJLze5UP037jAbtjq+VNn8AM1t6XA=)
  - [demo 2](https://play.vuejs.org/#eNp9UstOwzAQ/JWVL6RSSAXlVLWVoOoBJB4q3DCHKN0UF8e2/CiVovw7a6evA+ohD+/MjmfWbtm9McU2IBuziausMB4c+mBmXInGaOuhBYt1Dlo966A8rqCD2uoGrqjriiuuKq2cBynoNY3c7PMmh9scRl+DEyw8Nkus3YHSY0fRLBvAdAYtVwClROuzQ0OxLWXAoilNJiJFFB53fq6pS/kBqXT0TIa9d3JNC+o0svRIK4BJkOlLf1LA9rrWdspZVAehkmvOoqV9MW7J2b4DoG2Tc+i6vcZQil52mHQnw+NmLGfeUdharIuN04ommuJwVunGCAr1arygYXA27oNGrJRS/z6lmrcB80O9+sbq55/6xu1ijbM3iw7tFjk7Yr60a6Q4EV68v9CYzsBGr4Ik9gVwiU7LED32tIegVmT7jJfcPqZ7IdT6wy12dAruECoajcwu8TmjCzK/EP1kd1TcpT46TNb9ATj92M4=)
- Vue3 Components
  - [Defining and Passing “Argument”](https://play.vuejs.org/#eNp9U0tu2zAQvcqAQIEEiCU72bmKizbNol20QuvutFHkkc1YIgl+HLuCjtBFT9Ar9ggdkpWiBG1WEt+8mXnzOOzYW6WSg0O2ZJmpNFcWDFqnoCnF9rpg1hRsVQjeKqktdKCxhh5qLVsoGOUV7PUYXe9ce2e+qSGcpAPiOwRmJYWxIFw7cq99ybPFOQWzNCqgfnSw2KqmtEgngGy3WN1IaiNQWHiPrcxSgkJIhQ9Azqs9lL74HeoIZVwoZ+M/gD0ppJE0TUZqBvQwa+UGmyTmUXyi7pHVckGhxQQojwRczgckjWLSqCYb51tqVFja53VX2WgOJWTpZFp2waa++Zt54sVNKeAkHZidfICuU1oqk8QufQ82pL4JIowi6mFWSz/WHriAKZlE/P718we5TrTnIl5aBu8jrHO6us63idWWo/H9cM2hGbE2WHOBuT9l63x1dv7kqjNjT02cLOgNNQFqKezM8O+4hMv5/BWtBwBVpsRAJ5OsoTY13yb3RgpyKSQWrKI14Q3qz8pyklGw5VCyYGXTyIePAbPa4cWAVzus9v/A783RYwXLNRrUB1qbMWZLvUUy0Ydvv37CI/2PQVop1xD7heAXNLJxXmOkvXNiQ7InvKD2Q3hbXGzX5vZoUZhhKC80mBL44TH6F/K/0R/lXiVXf83sWf8HDHtWCQ==)
  - [Timer update speed vs. Timer update speed with default value](https://play.vuejs.org/#eNqFVWmP2zYQ/StTFQW8iK89UASq7PRIgKYo2kWcoF8EFLI0kpmlSIKkdu26+98zJEVb2mwSAzak4Rxv3jyOj8kvSs3vO0zSJDOlZsqCQdsp4IVoVnliTZ6sc8FaJbWF96xFDbWWLeTJfOFfXXSe/JSLbBESkDu9WGwVLyzSG0C2u1z/jpxL2CjE6hASmWxBdn+u1v/sCgu7QikUBh52KMDuEJSWCrU9ADMgpAUmmGUFZ/9h9SpbqBAcUKWdqqjeW2FR3xecsF8ulwQ+CzAHrgNTthjgzIw9cPfwvfXw4OhiKmbI4ZBSbc4EzhrNKuoWwD3MYvislLxrhUlBo8LCTm6mcFnri7NnU6gUXqo9WR49WX2xZJqceHRTGBNXsXtglRuE8/GzAPqM7T1EOj0eoWWis2jg8TGlN/sgX7OG2Q2WUlRmckH2bEHRMdG2s1YK+LnkrLyjfLoTHk6eQEp5iy1HV6Y9BJa/W61AdJxTrY0ttM0WIcGX0qmiM9gnXN+6l1FEhPJkDt8U4pForqfwzv08MLt7jXXRcUtdR3VGVdqDwiC3W9ISrMJQx1p5lVJP7Ra1mw19iSpjvfYMBQzzTyqsSQQulQlico/rycX0ubwpkASXlNPJICQ1YQ6UlhqYLM8HcWyDA45kDrynrtUsgIT//QTWvat7dt65qDtRWkbsfz50D04Tn1pECHMC2OHcyj9lWXDcWM1EM8kTFLMPmzyhhhwm1nata6dB7VOSwK/A90MiPhUMbTuksdaoyIsX/hqwGiYjO6xITT8u+xCIHIyCnqSippfeTuWHCKJsY/3FAj54UH6NuEsCUpQIeI/60KeEiRsPVeWc9UUuXGzP+akg6TBOdHLudBoEMh+PvGdmgOx8AyI2x8O4RrxVJyZKjoU+FR05h5XyOUoXP2BmsI2f7LXn19qWy/LOx2+lrpzirtQejOSsIuGEjRdOZrqoWEdCCMsM6IJUdkdav1r2Bot7O6Mt3YgUSnRdeLMqqoo0NttKuv9tCjdxGXpcPaCArpbCzgyteYLxcvnDMzvTGhpYzZr5RyMF7U0flielbBXjqP9WjnzaGWmkNE8K+gN6+MPbrO5wGu3lDsu7Z+wfzd7Z8uRWo6FJ0EI5ndHua9CG4zebv6jhwWErq46T91cO3yFR2zmMwe3XTlQEe+Dn0b71645Ie2/e7C39NcamHFA/bO/v191vX2n9DPd6fh1FQiz+S9fB5SQCr+c386vL5PET5SDGZQ==)
  - [Stylish Timers](https://play.vuejs.org/#eNqFVmtv2zYU/St3GgY4qF9Nh6HQbO/RFluHYgvq9ps+RJYomwlFCiSV2PP833dISrLktKmBACLv6/DwXN4co9+qavpQsyiOFibTvLJkmK0rEqncLpPImiRaJZKXldKWPvGSaSq0KimJpjO/dNFJ9HMiF7OQAO5YWFZWIrUMK6LF7uXqTyaEorU9CG52IZNZzGBw7nDJ+QPx3JX0Jl+W8FuEonFd5Uj3XlqmH1IBv5fzeRJRXKQZe6OE0ti61Sy/ReQiQLvIYGyq7Yd0w1z07R/q0nMxAwZ8LWY98AsDxO7j+4CLjs415wYOh5gKwfY4O9FdbSwvDpNMAaG0MZkKwCbsgUlxgMfJE9TkisZRx51jfkDWEy7cKX0kNjKUUaVjEaQ37k9DGnjwOB6p5LK2zNDpFGNlH9VbvuV2zYA0N6Mr7LcH75JtamuVpF8zwbN75NS19HgdEuRON4K5UuUhMPvdckmyFmKAyP1Qr9KqMtMz9SjXKzQLlZ6rXaW1YU311Y1bXER95dq+KeYjaVaMKWcFl+zGwRxTpsoKZOVjeuR295YVaS0sqGs132rdHioWNOwCaRlUQTQU6S8xaCk3THuFEJ1ZgMVYzeW2sXQi7htO+MMlGRtIRJU+qFEPeFC4+1yNrsZfBhMTGmY+vkQS41Rrt0qixtZhcSarUwkla0jaO5yuOlAmKAiwwONofja0gusZBMN2UEtMH1mxCLzQf143q8bVfTvvRBa1zCyHDJ7KtTmcxsVq2YKY4oA1m1r1QWWpYGtP4SiJmJx8XgM4LhuoeFmXjo4t0z6piema/Imgya5koM1hPVcblHnxork1XtBoYKElOuGneRfmfg0bF6FPkoKCeWMDmD6etvnOaGYz+uxBkt3hD0ZSMmOEx0YfmrQ0cteN6gLvbSh0FaKbe+jKokVajYzOZx83nTsUUcNVD925Pc/4HC/DKu0LMWAmEyzVXelBgKvTEXiB1+UZMNXqrvc2wq1t5RFwLVcXsumh2KTZ/VarWuaN6MO5uy5ousI1o5dKb8xdzIY2azccuBTo0MlGqOy+QbxROnc9cF3tySjBc9rq1M2Hs3Gi05zX0ObrKowWQt/ndocGvp53W5bt7SQVfCtjytCd3SNTpXkO8U82Cm9kGdOPPsTT5GE26FqwBebVxPB/GTC9nv9wOanCRSmtWWahNm6wyBnmlzUgveDb6Z1REjPMp8N8AutcMP1P5dSB9zZuCyVRin8AHv/ye1bXrCEWMTuW3X9h/87s3V4S3WhmIBI8vZ0NL9aW4Uly5nfrv0FGz1iqvHbz8RnjRwb2a4cxuP2O+wfsnp9H+96PCtD5ybzbY66b9lAOqPM8eX8/GN48c/Qz3FfTVz4OPEen/wF0mS//)
  - [Lifecycle Functions](https://play.vuejs.org/#eNqVVEtu2zAQvcqAaAEHSKSk3qmKi+azaIF80CY7LSJblMxEIgl+HKeGjtBFT9Ar9ggdkpIit06RrjyeefPmzYfakI9SRitLSUJSvVBMGtDUWAl1zqvjjBidkVnGWSOFMrABRUtooVSigYxgXkbeD9GbpW3m+lb24SjuPa6CRy4E1wYWwnIDx45sMt0buZGHU25OR/EjF0/joA2V4B9DG1nnhuI/gHR5NDvtE+GMNiKN0eVDtva/aNVsdiUpB7OkWIZrUVMw+RxECU/CKjhR4lFThfkruBGi1lEaY84oe47hFSYhQUHntqoYr0BYI60ZoGncVfR9o3xJ867bxMcZRziYJ0lxtAonjFOBpGEc/x55M1878xDt1UEjClpHHKmoQq/nwUAcas1VZ116gGtlGKD+r3LT3dXGy+jKetZhzUlocCRtdVAKl/wAjP+xTjyjdLgHpErj0RrJPhmfijvG7SUXbNUtY7MBqYTUUTfdtsWduNQP3bK0zPm2kDEeZfz6+eM7HhTCuqUF8i1Br3oLgl+4zmixj+atLDA1mLwJ/r9fittFuI5rFIUnvnESgrQEwvAR1g5vwmtHXEFLxqlL0mEBzpxN3OPI+CBkMtmD41kg7c48qkU1ycjzE2EaenlGwNnVRUYcS9tTDepfSVZQky+WyOZb3cEXBvMS290WmQ1geLMZL629GxhHX4JUm6faLctv3BOXgpsDzb7RBN4dHr51ST6lA+KZGY3FS1ZF91pwvDOfFq6d1VRdScNQXEaSQOhieV2Lx8/eZ5Sl+70fm1487PDf67XzZeRaUf/RyMgQM7mqKB6hC59/vaRrtIcgvkBbI/ofwS8UB2edxgA7sbxA2SOcV/vJnyh+oW70+dpQrvumnFCHbD3e36Wb/0utP8udRlOfhxMl7W/v6h3+)

```
