index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <title>Hello Fellow Developers | iBS Member Portal</title>
  7. <meta name="description" content="Where members buy things">
  8. <link rel="preload" href="/assets/css/0.styles.28eb1cfb.css" as="style"><link rel="preload" href="/assets/js/app.55150c2a.js" as="script"><link rel="preload" href="/assets/js/4.bbd779fa.js" as="script"><link rel="prefetch" href="/assets/js/2.e4e62d97.js"><link rel="prefetch" href="/assets/js/3.e7a76029.js"><link rel="prefetch" href="/assets/js/5.23398373.js"><link rel="prefetch" href="/assets/js/6.10a57b17.js">
  9. <link rel="stylesheet" href="/assets/css/0.styles.28eb1cfb.css">
  10. </head>
  11. <body>
  12. <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">iBS Member Portal</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">Home</a></div><div class="nav-item"><a href="/guide/" class="nav-link router-link-exact-active router-link-active">Guide</a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">Resources</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://drive.google.com/drive/u/0/folders/1kN1cyT0M-cjiCo3Qys5ydtX-Unam174E" target="_blank" rel="noopener noreferrer" class="nav-link external">
  13. Prototype
  14. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://drive.google.com/drive/u/0/folders/0B3pJekzAmHmTZWtReXphWDk4QzQ" target="_blank" rel="noopener noreferrer" class="nav-link external">
  15. URS
  16. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://drive.google.com/drive/u/0/folders/0B-IzsfKWJTKTYlVadHBHTnpMNE0" target="_blank" rel="noopener noreferrer" class="nav-link external">
  17. API Docs
  18. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">Home</a></div><div class="nav-item"><a href="/guide/" class="nav-link router-link-exact-active router-link-active">Guide</a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">Resources</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://drive.google.com/drive/u/0/folders/1kN1cyT0M-cjiCo3Qys5ydtX-Unam174E" target="_blank" rel="noopener noreferrer" class="nav-link external">
  19. Prototype
  20. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://drive.google.com/drive/u/0/folders/0B3pJekzAmHmTZWtReXphWDk4QzQ" target="_blank" rel="noopener noreferrer" class="nav-link external">
  21. URS
  22. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://drive.google.com/drive/u/0/folders/0B-IzsfKWJTKTYlVadHBHTnpMNE0" target="_blank" rel="noopener noreferrer" class="nav-link external">
  23. API Docs
  24. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div></div> <!----></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading open"><span>Guide</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/guide/" class="active sidebar-link">Hello Fellow Developers</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/#passing-wisdom-developer-mindset" class="sidebar-link">Passing wisdom - Developer mindset</a></li><li class="sidebar-sub-header"><a href="/guide/#principles-from-agile-manifesto" class="sidebar-link">Principles - from Agile Manifesto</a></li></ul></li><li><a href="/guide/routing.html" class="sidebar-link">Routing</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/routing.html#creating-new-routes" class="sidebar-link">Creating New Routes</a></li><li class="sidebar-sub-header"><a href="/guide/routing.html#adding-routes-to-menus" class="sidebar-link">Adding routes to menus</a></li></ul></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="hello-fellow-developers"><a href="#hello-fellow-developers" aria-hidden="true" class="header-anchor">#</a> Hello Fellow Developers</h1> <p>This guide is created to help out developers to kick-start development in IBS member frontend. It will briefly explain
  25. how components and certain features work in the system.</p> <p>It is a moral obligation to us developers to draw a path to our fellow contributors, leaving a footprint of superior ethics
  26. and a level of professionalism that advocates the quality and standards of their ancestors craftsmanship in this project.</p> <p>With the consideration of an enterprise working environment, we together must push to pursue a level of pride
  27. that withholds our dignity to the generations to come. The stones carved inch by inch shell be perceived as master piece
  28. of craftsmanship that resonates the blood, sweat and hard work that was put in by the creators.</p> <p>Full of wisdom and learning from the masters, this project was created in a challenging environment where time was a ticking bomb.
  29. We have faced many demons but still we did not loose our sanity. We denied to be sucked into the dark whole. We fought back
  30. when ever we slipped from our trail. Learned our lessons and become wiser.</p> <p>The tales of the contributors will last for the generations to come.</p> <h2 id="passing-wisdom-developer-mindset"><a href="#passing-wisdom-developer-mindset" aria-hidden="true" class="header-anchor">#</a> Passing wisdom - Developer mindset</h2> <p>We as developers has our specialities and weaknesses. We have a natural behavior to calculate in a logical concept and time to
  31. time come across of insensible obstacles that slows us down. The main key is to find a balance. The challenge is to fuse
  32. emotions and logic. We developers are the mediators to translate ideas into binary. This demands a wide imagination and creativity.</p> <p>The job we have is more like an artist, painting a picture based on a description. The craftsmanship should start with a
  33. drawing pencil and slowly progress into a solid artwork. In the process there will be some erasing and cleaning up, hence we have
  34. to make sure the outcome never looses its key feature and characteristics.</p> <p>It's the artists who is the master of creation and he who controls the brush, colors and features. The results are presented
  35. to the audience. The artist has no authority to control the judgment of the audience like vice the audience the not have
  36. control over the production process. Hence the painter is fully in-charge and dose not have any need to discuss or disclose
  37. the processors involved in creation. If there needs to be a change in the final output, it should be a moral responsibility
  38. for the audience to give a verdict as soon as possible. This process is delicate, but it's the perfect recipe.</p> <p>The mindset for developers is to maintain a programing discipline where the best practices and applied patterns are followed
  39. to best of ability without compromising quality of the code, unless the situation is fatal. In case of a fatal scene, the
  40. code should be revisited right after the situation has subside. This means, code clean and follow the predefined processes.
  41. The developer should also keep calm in all situations, analyse before execution, then execute with diligence.</p> <h2 id="principles-from-agile-manifesto"><a href="#principles-from-agile-manifesto" aria-hidden="true" class="header-anchor">#</a> Principles - from Agile Manifesto</h2> <p>We follow these principles:</p> <ul><li><p>Our highest priority is to satisfy the customer through early and continuous delivery of valuable software.</p></li> <li><p>Welcome changing requirements, even late in development. Agile processes harness change for the customer's competitive advantage.</p></li> <li><p>Deliver working software frequently, from a couple of weeks to a couple of months, with a preference to the shorter timescale.</p></li> <li><p>Business people and developers must work together daily throughout the project.</p></li> <li><p>Build projects around motivated individuals. Give them the environment and support they need, and trust them to get the job done.</p></li> <li><p>The most efficient and effective method of conveying information to and within a development team is face-to-face conversation.</p></li> <li><p>Working software is the primary measure of progress.</p></li> <li><p>Agile processes promote sustainable development. The sponsors, developers, and users should be able to maintain a constant
  42. pace indefinitely.</p></li> <li><p>Continuous attention to technical excellence and good design enhances agility.</p></li> <li><p>Simplicity--the art of maximizing the amount of work not done--is essential.</p></li> <li><p>The best architectures, requirements, and designs emerge from self-organizing teams.</p></li> <li><p>At regular intervals, the team reflects on how to become more effective, then tunes and adjusts its behavior accordingly.</p></li></ul></div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/guide/routing.html">
  43. Routing
  44. </a>
  45. </span></p></div> </div> <!----></div></div>
  46. <script src="/assets/js/app.55150c2a.js" defer></script><script src="/assets/js/4.bbd779fa.js" defer></script>
  47. </body>
  48. </html>