🦉 Course overview

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. ❓ Conditionally executing code
  4. 🧠 Forming sub-goals
  5. 🧶 Accessing strings

⏱️ Test cases with Jest

  1. 🧮 Ordinal numbers
  2. 🖼️ Testing frameworks
  3. 🎒 Starting a project
  4. 📦 Using packages
  5. 🃏 Installing Jest
  6. 🎛️ Application Programming Interface
  7. 💼 First test case
  8. ✅ ❌ Interpreting feedback
  9. 🗄️ Generalising further

🐣 Data groups

⏱️ Grouping data: Arrays and loops

  1. 💾 Related pieces of data
  2. 📜 Grouping data
  3. 📊 Calculating the mean
  4. ➕ Summation
  5. 🔁 Iterating
  6. 📊 Calculating the median
  7. 🧱 Assembling the parts
  8. 🏤 References
  9. 🔀 Mutation
  10. ⚠️ Side effects

⏱️ Grouping data: Objects

  1. 📏 Ordered data
  2. 🗝️ Key value pairs
  3. 🚪 Property access
  4. ❓🪢 Query strings
  5. ❓ No parameters
  6. ❓ Single pair case
  7. [ ] Access with variables
  8. ❓❓❓ 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. 💾 ➡️ 💻 Data to UI
  2. 📽️ Cinema listings
  3. 💽 Single datum
  4. 🧱 Composing elements
  5. 🧼 Simplifying element creation
  6. 🍱 Simplifying element creation
  7. 🃏 Building a component
  8. 👭🏾 One to one
  9. 🗺️ Using map

⏱️ State and Rendering

  1. 🪄 Reacting to user input
  2. 🧩 Break down the problem
  3. 🔎 Identifying state
  4. 🧼 Refactoring to state+render
  5. 🆕 Introducing new state
  6. 🎱 Rendering based on state
  7. 🦻🏻 Capturing the user event

⏱️ 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. 🥎 try/catch
  10. 🐕 🎞️ fetch films