Code Monkey home page Code Monkey logo

gdi-featured-js-intro's Introduction

Intro to JavaScript

Slides and materials are hosted at http://girldevelopit.github.io/gdi-featured-js-intro/.

This is the Girl Develop It Intro JavaScript course. Material based on original material by Sara Chipps, Pamela Fox, Alexis Goldstein, Izzy Johnston, Leo Newball, and Sylvia Pellicore.

The course is meant to be taught in 4 two-hour sections. Each of the slides and practice files are customizable according to the needs of a given class or audience.

Course description

JavaScript is the world's most popular programming language for a reason -- it's the primary way to build interaction on the web. Learning JavaScript is a logical next step once you've learned HTML/CSS.

Many programming courses end up glossing over some of the tricky words -- 'variable', 'object', 'method' -- this course is especially designed for beginners new to programming concepts, so you'll learn to program with JavaScript. If those words are confusing to you now, no worries! You're exactly who we want to teach.

In this class, we will be covering: basic development concepts, JavaScript, dynamic HTML, and animations and events. Students will exit this class with a good grasp of basic programming principles and the knowledge of how to manipulate HTML elements.

Prerequisites:

You should have: (a) taken Intro to HTML/CSS through Girl Develop It, or (b) have a working knowledge of HTML

This course is specifically for beginners and we advise experienced developers to not take this class

Tech requirements:

  • Your laptop (Mac, PC, or Linux are all okay).
  • A modern web browser - either Chrome or Firefox with Firebug installed.
  • A text editor. We recommend Sublime Text 2 (free; available for Mac, PC, and Linux).

Classes

Class 1: Introduction to JavaScript and Basic Programming Concepts

An overview of the history of JavaScript, what it is, and how it interacts with the browser. Covers basic JavaScript concepts including variables and data types

Class 2: Functions and Control Flow

Introduces functions, boolean variable, and if/then/else statements.

Class 3: Loops, Arrays, and Objects

Introduces more complex programing concepts, including loops, arrays, objects, and methods.

Class 4: Introduction to the DOM

Introduces the Document Object Model (DOM) and how to use JavaScript to interact with it. Includes finding and modifying nodes, events, and listening functions.

gdi-featured-js-intro's People

Contributors

marksiemers avatar roenok 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.