guide.html

---
layout: page
title: Getting Started as a Developer
description: Learn to Code Starter Pack
color: orange
---


<article class="pa1 pa2-ns">
  <h1 class="f4 bold mw6">Table of Contents</h1>
  <ul class="list pl0 ml0 mw6 ba b--light-silver br2">
    <li class="ph3 pv3 bb b--light-silver"><a href="#getting-started">Getting Started</a></li>
    <li class="ph3 pv3 bb b--light-silver"><a href="git">Learn Git</a></li>
    <li class="ph3 pv3 bb b--light-silver"><a href="#html">HTML/CSS/JS</a></li>
    <li class="ph3 pv3 bb b--light-silver"><a href="#node">Node.js</a></li>
    <li class="ph3 pv3 bb b--light-silver"><a href="#python">Python</a></li>
    <li class="ph3 pv3 bb b--light-silver"><a href="/ml.html">Machine Learning</a></li>
    <li class="ph3 pv3 bb b--light-silver"><a href="/crypto">Blockchain Development</a></li>

  </ul>
</article>

  <h1 class="f2 bold mw6" id="getting-started">Getting Started</h1>
  	<p>
  	Welcome to the official starter pack for becoming a developer! Here's all the stuff that's mandatory:

    <ol>
      <li>a computer</li>
      <li>a text editor</li>
      <li>hard work</li>
    </ol>

    <p>That's it! It doesn't take much to start to code. The toughest part is persisting and pushing yourself to learn more
    and more to advance your skills.


    <p>Some text editors I recommend are <a href="https://atom.io">Atom</a> and <a href="https://sublimetext.com">Sublime Text</a>.
    However, you may even use TextEdit or WordPad if you wish :P

    <p>Before you move on, I encourage you to take a look at Git, a version control platform. You can learn more about it <a href="https://enlight.nyc/git">here</a>.

  <h1 class="f2 bold mw6" id="html">HTML/CSS/JS</h1>

    <p> HTML, CSS, and JS are the building blocks of the web. You markup your webpage in the Hyper Text Markup Language, make it look pretty with Cascading Style Sheets, and make the magic happen with JavaScript. They are a powerful trio, and thankfully, the easiest to get started with.

    <p>All you need to make your first webpage is to open up your text editor and save it as a <code>.html</code> page. In the file, you can write something like <pre class="prettyprint linenums"> <xmp><h1>Hello World!</h1></xmp></pre> and the text will be shown once you open your browser. Don't worry, you'll learn the markup as you get started building projects.

    <p>Now, CSS is what makes the web as beautiful as it is today. In fact, I highly recommend <a href="http://jgthms.com/web-design-in-4-minutes/">Jeremy Thomas's Web Design in 4 Minutes</a>. It introduces some key CSS concepts in a step-by-step fashion and eventually converts the dull page into an attractive one.

    <p>JavaScript is where the <i> real </i> programming comes into play. It's fully packed - consisting of mostly everything you'd think of in a programming language. With functions, objects, variables, constants, and much more, JavaScript provides the elements for any developer to create something amazing. Here's a quick example:

<pre class="prettyprint linenums">
  var triangle = '';
  for (var i = 0; i < 7; i++) {
    console.log(triangle += '#');
  }
</pre>

<p class="bl bw2 b--black ph2"> Console Log: <br>
  # <br>
  ## <br>
  ### <br>
  #### <br>
  ##### <br>
  ###### <br>
  ####### <br>
</p>

<p> Take a look at what we can do in just 4 lines of code. In this example, we set the variable <code>triangle</code> to an empty string. Then, we used a <code> for </code> loop to add a new <code>#</code> symbol until the variable <code>i</code>, which is defined as 0, hits 7. In essence, the program keeps on adding a <code>#</code> as it is told to do so and stops only once it has repeated it seven times.

<p> If this is a little above your head, don't worry. It'll get easier as you dig into <a href="/web">Web Development</a>.

<h1 class="f2 bold mw6" id="node">Node.js</h1>

<p> Node.js is well, a runtime built on JavaScript. However, it allows for something great. Node.js lets one use the same JavaScript syntax but on the server. If you have not noticed already, JavaScript is a scripting language built for use only in the browser. Node.js is different because it lets you use JavaScript as if it was any other programming language.

<p>For example, with Node.js, you can transfer information from the client to the server, thus enabling the creation of apps such as <a href="/nodejs-chat">real-time messaging</a> or <a href="/twitter-bot">bots</a>.

<p>To get started, make sure you install <a href="https://nodejs.org/en/">Node.js and npm</a>, its package manager.

<h1 class="f2 bold mw6" id="python">Python</h1>

<p>Python is a high level programming language that's super popular. Python's main strength is that it's a general purpose and flexible. language You can download Python <a href="https://www.python.org/downloads/"> here </a>.