Giter Club home page Giter Club logo

bootcamp-pre-studies's Introduction

Pre-studies

Before you come to the course in March, it is important that you do a little pre-study work to make it so we can hit the ground running when you start.

The topics you’ll cover are geared towards ensuring you have a basic understanding of HTML, CSS, and JavaScript — making sure you have an understanding of what they are, how they fit together, and how to write them.


HTML

First and foremost, you need a basic understanding of HTML syntax - opening and closing tags, and how to use attributes when writing tags.

For example, the HTML below creates a heading with the text “Welcome to Technigo!” and uses the "class" attribute to set the CSS class name “greeting”:

<h1 class="greeting">Welcome to Technigo!</h1>

You don’t need to know all the HTML tags, or what attributes you can use - just to make sure you’re familiar with the syntax before you start.

📝 Tasks:

  1. Read the W3Schools Introduction to HTML page and make sure you’re familiar with the concepts. If you’re not, then read through some of the other categories in the sidebar.

CSS

Similarly to HTML, we want to make sure you understand how to write CSS - how the syntax works. For example, the CSS below would target the .greeting header which we used in the HTML example and would make the text red:

.greeting {
  color: red;
}

Again, you don’t need to know all of the available properties which you can set with CSS, but it is important that you know the syntax; how to write a selector, and define properties and values.

📝 Tasks

  1. Read and make sure you’re familiar with this page from W3Schools: CSS Syntax and Selectors

JavaScript

From the 2nd sprint of the course, we’ll be focusing heavily on JavaScript. We will spend a lot of time working with it and getting familiar with it, but some of the concepts can be a little difficult to wrap your head around at first, so it’s good to start as early as possible.

To prepare for writing JavaScript, we’d like you to familiarise yourself with what JavaScript is, and the general syntax. Below is a list of topics to read through. At the end, you should be familiar with where you can write JavaScript, how to define a variable, and should be aware of some data types in JavaScript such as strings and numbers.

📝 Tasks

  1. JavaScript Introduction
  2. JavaScript Where To
  3. JavaScript Output
  4. JavaScript Statements
  5. JavaScript Syntax
  6. JavaScript Variables
  7. JavaScript Data Types

Optional (but nice to have!) extras:

  1. JavaScript Arrays

🆘 How to get help

If you're confused about anything, or just want a bit of a pointer for where to look for help, just ask in Slack! Help each other and kick off the peer-to-peer learning already now. The teachers and staff will be hanging around in there and are more than happy to help if you can't solve it on your own between eachother.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.