add content

.eslintrc.json

@@ -0,0 +1,40 @@
+{
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "ecmaFeatures": {
+      "impliedStrict": true
+    }
+  },
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "rules": {
+    "no-var": "error",
+    "eqeqeq": ["error", "always"],
+    "no-console": "off",
+    "no-undefined": "off",
+    "indent": ["error", 2],
+    "quotes": ["warn", "single"],
+    "no-multi-spaces": [
+      "warn",
+      {
+        "exceptions": {
+          "VariableDeclarator": true
+        }
+      }
+    ],
+    "no-trailing-spaces": "warn",
+    "new-cap": "warn",
+    "no-redeclare": [
+      "error",
+      {
+        "builtinGlobals": true
+      }
+    ],
+    "semi": [2, "always"],
+    "eol-last": "error"
+  }
+}

.gitignore

@@ -0,0 +1,155 @@
+
+# Created by https://www.gitignore.io/api/node,linux,macos,windows,visualstudiocode
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+
+# End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudiocode

.markdownlint.json

@@ -0,0 +1,14 @@
+{
+  "line-length": false,
+  "no-trailing-punctuation": false,
+  "no-inline-html": {
+    "allowed_elements": [
+      "dl",
+      "dt",
+      "dd",
+      "summary",
+      "detail",
+      "img"
+    ]
+  }
+}

README.md

@@ -1,2 +1,81 @@
-# cedarrapids-code-102w27
-Intro to Software Development
+# Code 102: Intro to Software Development
+
+## Course Information
+
+- Course Level: 102
+
+## Course Prerequisites
+
+- Computer updated with the latest version of OS, all security patches installed.
+- Familiarity with basic algebra concepts.
+- Code 101 or equivalent exposure to basic HTML and CSS.
+
+Recommended: Be able to type at least 30 words per minute.
+
+> Students with previous relevant or equivalent experience can test out of this requirement in their application.
+
+## Course Description
+
+In this course you will build a strong software development foundation and learn how to use HTML, CSS, and JavaScript to build for the modern web. You will learn the methods and tools of professional software developers through studying computer science concepts and utilizing contemporary development technologies, including VSCode, Chrome (and its developer tools), Git, GitHub, and Terminal.
+
+## Program Learning Outcomes
+
+Builds a strong software development foundation and learn how to use HTML, CSS, JavaScript, and various libraries to create fully-functional web apps.
+
+This course guides students toward developing a well-rounded foundation of skills necessary for modern web development. These skills include HTML, CSS, and JavaScript coding; utilizing Git workflow processes, project organization, designing with wireframing and employing introductory Agile development methods.
+
+## Student Learning Outcomes
+
+Upon satisfactory completion of this course, a student should be able to:
+
+### Describe and Define
+
+#### Web Development
+
+- Website structure (files, resources)
+- The benefits of version control with Git and GitHub
+- Markdown
+- Proper use of Semantic HTML
+- The role of CSS in website development and design
+
+#### JavasScript Programming
+
+- Variables & storing data
+- Conditionals
+- Flow control with "for" and "while" loops
+
+### Execute
+
+- Tie together HTML, CSS, and JavaScript in an interactive web page.
+- Use the same tools utilized by professionals across the tech industry.
+- Apply CSS to style content with color, typography, and images.
+- Utilize Javascript to make web projects interactive.
+- Utilize industry-standard version control tools and workflows, including Git and GitHub.
+- Configure your computer and see the workflow for serious software development, with free and open-source tools.
+- Learn to write documentation using Markdown.
+
+## Course Schedule
+
+| Class # | Topic |
+|-----------------|-----------|
+|1| [Learning. Markdown.](class-01/)
+|2| [The Coder's Computer](class-02/)
+|3| [Revisions and the Cloud](class-03/)
+|4| [Structure web pages with HTML](class-04/)
+|5| [Design web pages with CSS](class-05/)
+|6| [Activate web pages with JavaScript](class-06/)
+|7| [Programming with JavaScript](class-07/)
+|8| [Just enough math, logic, and computer architecture](class-08/)
+|9| [Career Coaching](class-09/)
+|10| [201 Entrance Exam](class-10/)
+
+### Tips for Success
+
+Get ready to tackle some seriously ambitious material! You'll have the most success if you:
+
+- Take notes during class.
+- Keep up with the daily assignments (code and reading).
+- Research topics that are new or confusing.
+- Speak up when you're stuck for more than 15 minutes.
+- Be thorough and deliberate when reading error messages and console/terminal responses. Take your time and do not go too fast. Always know what you are doing.
+- And, above all else, pay attention to details.

class-01/DISCUSSION.md

@@ -0,0 +1,41 @@
+# Reflection and Discussion
+
+Below is a collection of resources of varying types and lengths which describe the topics from lecture.  
+
+Go through these resources, and **create a page in your reading-notes repo** that summarizes the topics you learned as though you were presenting the material to a non-technical friend interested in learning about it.
+
+Note entry ideas:
+
+* Blog Article (2-3 paragraphs with code sample)
+* Dictionary / Flash Cards
+* Notes in outline form
+* Fill-in-the-blank worksheet of key concepts
+
+## Read and Bookmark
+
+* [Getting Started](https://www.markdownguide.org/getting-started/){:target="_blank"}
+  * Read only **"What is Markdown"** and **"Why Use Markdown"** sections
+* [Markdown Basic Syntax](https://www.markdownguide.org/basic-syntax/){:target="_blank"}
+* [Mastering Markdown on GitHub](https://guides.github.com/features/mastering-markdown/){:target="_blank"}
+
+## Watch
+
+* [GitHub Pages](https://pages.github.com/){:target="_blank"}
+
+## Answer
+
+1. What is Markdown?
+2. Why do we use Markdown?
+3. What symbol will create a heading in Markdown?
+   1. How many do you need to create the largest heading?
+   2. How many do you need to create the smallest heading?
+4. When making text bold or italicized for emphasis, it is best practice to use which symbol?
+5. How do you create a link with Markdown?
+6. What are the three symbols you can use to create an unordered (bulleted) list with Markdown?
+
+## Submission
+
+* Share what you've learned by copying and pasting the full text of your **new rendered web page** into the 'Reply' below.
+* Include the live URL of the new page below your pasted text. (*Hint: The URL of the page should begin with YOUR GitHub username, not "github.com"*)
+
+You are invited to check out your classmates' replies and give positive feedback and words of encouragement.  

class-01/README.md

@@ -0,0 +1,36 @@
+# Learning. Markdown.
+
+Welcome to Code 102! We will dive right in to learning new things.
+
+## Learning Objectives
+
+- Students will understand the impact of mindsets on the learning process and know how to adjust their mindset for effective skill acquisition.
+- Students will use essential Markdown syntax to create documents and publish a web site of interconnected pages through GitHub Pages.
+- Students will publish a reading-notes, to highlight skills gained during the course.
+
+## Agenda
+
+1. Campus Orientation & Intros
+1. Learning to Learn
+    - Growth mindset
+    - Demo & Lab
+1. Web Publishing
+    - Markdown
+    - GitHub Pages
+
+See class slides and assignments for details.
+
+## New Vocabulary
+
+- Professional Competencies
+- Proficiencies
+- Canvas
+- GitHub
+- Slack
+- Growth mindset
+- Fixed mindset
+- Repository
+- Markdown
+- Web publishing
+- Path learning
+- Sandbox learning