PLEASE NOTE: This is an older, archived version of the Girl Develop It Intro to JavaScript curriculum. A newer version is located on our main repo, at https://github.com/girldevelopit/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 Richardson.
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.
Slides and materials are hosted at https://gdi-curriculum-review.github.io/gdi-featured-js-intro-OLD/.
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, data types, and functions.
Control Flow
Introduces boolean variable, if/then statements, loops, and arrays.
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 Animations
Introduces events, listening functions, user inputs, and basic animations.
You can change theme colors by changing the theme css to any of the following options:
<link rel="stylesheet" href="css/theme/gdidefault.css" id="theme">
<link rel="stylesheet" href="css/theme/gdilight.css" id="theme">
<link rel="stylesheet" href="css/theme/gdisunny.css" id="theme">
<link rel="stylesheet" href="css/theme/gdicool.css" id="theme">You can change the text editor theme by changing the highlight.js css to the following options:
<link rel="stylesheet" href="lib/css/dark.css">
<link rel="stylesheet" href="lib/css/light.css">You can change transition by changing the reveal transition property in Reveal.initialize
Reveal.initialize({
transition: 'default', // default/cube/page/concave/zoom/linear/none
});