Giter Club home page Giter Club logo

learn-to-code-week-1's Introduction

Learn-To-Code-Week-1

Overview

Our goal this week is to setup our developer environment and link it to our github account for maximum developer points. We'll also download the Atom text editor and get next weeks curriculum on our computer.

Here's what we'll be doing:

Signing up for github and learning about git

Forking and cloning our first project

Overview of basic HTML concepts

Overview of CSS concepts

Overview of HTML

  • tags
  • elements
  • attributes

####HTML tags: Tags are used to mark up the beginning and end of an HTML element.

<div></div>

####HTML elements: An element in HTML represents some kind of structure, generally and element consists of a start tag, content, and an end tag.

<p>This is an element, it consists of p tags and content.</p>

####HTML attributes: HTML attributes generally appear as name-value pairs. The most common attributes are

  • id "id is used on only a single element"
  • class "class can be used on multiple elements"
  • src "provides the location of an asset that element needs"
  • href "specifies a link destination"

Overview of CSS

  • Specificity
  • id's vs Classes
  • syntax

####Specificity What Does CSS Stand for?

####id's vs Classes Classes are used when you need to style multiple elemnets in a document, while id's are used to style specific elements on a page.

####Syntax Lets look at how to style an element!

<p class="coolThings">Cool Things</p>

Now lets look at the css!

.coolThings {
  font-size: 24px;
}

Signing up for Github!

Click the green signup button on the top of this page and open it in a new tab. Signup for your github then come back to this tab and refresh your browser account and find your way back to this page!

What is git?

Git is a piece of software that allows you to edit and collaborate on projects regardless of your teams location. With Git, you and your team can all be working on the same codebase without having to worry about who's doing what in which order.

Download Atom https://atom.io/

Click "Clone in Desktop" -Follow Prompts to install

Lets Fork our first project on Github!

Click the fork button on the top right of this page!

##Change the Font in this project!

##Change the name of the site

##Change all the navigation links

##Change all the section headers

#Questions!

learn-to-code-week-1's People

Contributors

galvanizeevangelists avatar grahammcbain avatar gitcub avatar

Watchers

 avatar

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.