🦉 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

🫶🏽 Welcome to Code Your Future

🧑🏾‍💻 Getting to know how the course works

    🫱🏾‍🫲🏿 Onboarding

    ⏱️ Version control

    1. 📚 GitHub.dev
    2. 🧰 Install VSCode
    3. 📋 Check Git installation
    4. 📂 Create a work folder
    5. ⌛ Version control software
    6. 🗄️ Sharing history
    7. 🔍 Inspecting a commit
    8. 📜 Inspecting previous versions
    9. 🍴 Forking a repository
    10. 🏠 Working locally
    11. 📘 Viewing files from a git clone
    12. 🌳 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
    14. 📼 Solving Problems with Functions

    ⏱️ 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
    11. 📼 Testing Workshop

    🐣 Data groups

    ⏱️ Grouping data: Arrays and loops

    1. 💾 Grouping data
    2. 📜 Arrays
    3. 🔁 Iteration
    4. 🏤 References
    5. 🔀 Mutation
    6. 🤕 Side effects
    7. 📼 Arrays Workshop

    ⏱️ 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
    8. 📼 Objects Workshop

    ⏱️ The DOM

    1. 💻 User interfaces
    2. 🛑 Implementing a character limit
    3. 🌲 The DOM
    4. 🔍 Querying the DOM
    5. 🏷️ Updating the interface
    6. ⏰ Timers
    7. 🎬 DOM events
    8. 📤 Reacting to events
    9. 🧹 Refactor

    🐥 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. 🗺️ Gathering requirements
    2. 🪄 Reacting to user input
    3. 🔎 Identifying state
    4. 🧼 Refactoring to state+render
    5. 🆕 Introducing new state
    6. 🎱 Rendering based on state
    7. 🦻🏻 Capturing the user event
    8. 🔁 Re-rendering
    9. 🔁 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