🦉 Course overview

4 modules of 3 sprints delivered over 12-16 weeks

Objective

The objective of this course is to give people with no prior software development experience an introduction to programming and thinking about data. Common next-steps after this course are to get an entry level job in tech or IT, or to continue learning more advanced software engineering techniques to prepare for a software engineering job.

Primarily this is achieved by teaching programming concepts with JavaScript and Python and data concepts with SQL in spreadsheets. We also focus on professional development skills such as communicating effectively and working well on a team.

A pre-requisite of this course is having completed Code Your Future’s Intro to Digital course which teaches the basics of HTML and CSS.

Modules

📇 User focused data

⏱️ Version control

  1. Version control software
  2. Sharing history
  3. Inspecting a commit
  4. Inspecting previous versions
  5. Forking a repository
  6. Working locally
  7. Viewing files from a git clone
  8. Branching

⏱️ Collecting and formatting data

  1. Form building
  2. Databases with Google Sheets

⏱️ Querying data, considering presentation

  1. Accessibility audit

🥚 Structuring and testing data

⏱️ Programming fundamentals

  1. 🏷️ Saving expressions
  2. 💬 Declarations and statements
  3. 🪄 Functions
  4. 📁 Running scripts
  5. 🖨️ Logging
  6. ❌ Errors
  7. 🧩 Percentages
  8. 🪄 Declaring functions
  9. 🎮 Playing computer
  10. 🔭 Scope
  11. 📤 Returning from a function
  12. ♻️ Reusing the function
  13. 🏷️ Parameterising a function

⏱️ Comparisons, assertions, and breaking down problems

  1. ⚖️ Comparing current and target output
  2. ✏️ Writing an assertion
  3. 🔎 Interpreting errors
  4. 🧠 Interpreting this error
  5. 🔄 Reusing variable names
  6. ❓ Conditionally executing code
  7. 🧠 Forming sub-goals
  8. 🧶 Accessing strings
  9. 🧹 Refactoring repetition
  10. 🔬 Identifying missing tests

⏱️ Test cases with Jest

  1. 🖼️ Testing frameworks
  2. 🎒 Starting a project
  3. 📦 Using packages
  4. 🃏 Installing Jest
  5. 🎛️ Jest's Application Programming Interface
  6. 💼 First test case
  7. ✅ ❌ Interpreting feedback
  8. 🗄️ Generalising further
  9. 🏷️ Anonymous functions
  10. ➡️ Arrow functions

🐣 Data groups

⏱️ Grouping data: Arrays and loops

  1. 💾 Grouping data
  2. 📜 Arrays
  3. 🔁 Iteration
  4. 🏤 References
  5. 🔀 Mutation
  6. ⚠️ Side effects

⏱️ Grouping data: Objects

  1. 📏 Ordered data
  2. 🗝️ Key-value pairs
  3. 🚪 Accessing properties
  4. ❓🪢 Query strings
  5. ❓ Parsing a single key-value pair
  6. [ ] Access with variables
  7. ❓❓❓ Parsing multiple parameters

⏱️ The DOM

  1. 💻 User interfaces
  2. 🛑 Character limit
  3. 🧭 Breaking down the strategy
  4. 🌲 Interacting with the page
  5. 🔎 Querying the DOM
  6. 🎬 Events
  7. 📤 Reacting to events
  8. 📈 Check progress
  9. 🏷️ Updating the interface

🐥 Data flows

⏱️ UI Components

  1. 💾 ➡️ 💻 Rendering Data as UI
  2. 🧱 Composing elements
  3. 🧼 Creating elements with functions
  4. 🍱 Creating elements with <template>
  5. 🃏 Reusable components
  6. 🗺️ Using map

⏱️ State and Rendering

  1. 🪄 Reacting to user input
  2. 🔎 Identifying state
  3. 🧼 Refactoring to state+render
  4. 🆕 Introducing new state
  5. 🎱 Rendering based on state
  6. 🦻🏻 Capturing the user event
  7. 🔁 Re-rendering
  8. 🔁 Actually re-rendering

⏱️ Fetch and Asynchrony

  1. 🐕 Fetching data
  2. 🗓️ Latency
  3. ⏳ Asynchrony : outside time
  4. 🪃 Callbacks
  5. 🌐 Requesting from a server side API
  6. 🫱🏿‍🫲🏽 Promises
  7. 🪆 .then()
  8. 🍬 async/await
  9. 🐕 🎞️ fetch films