Coder Social home page Coder Social logo

curriculum's Introduction

Vets Who Code Vets Who Code Curriculum

BLOCK 1 - The Big Three ๐Ÿ”ง

  • The Internet
  • Command Line
  • VS Code
  • Markdown
  • Git / Git Workflow

Week 2 - HTML5 && CSS3

  • Basic HTML Elements
  • Metadata HTML Elements
  • Content Grouping HTML Elements
  • Text Level Semantic HTML Elements
  • Form HTML Elements
  • Content Embedding HTML Elements
  • Images / Multimedia HTML Elements
  • Global HTML Attributes
  • Intro To CSS
  • Box Model
  • Styling Text
  • CSS Layout
  • Flexbox
  • CSS Grid

Week 3 - UX/Interaction Design

  • Design Psychology ( User Focused Design)
  • Color Theory
  • Human Computer Interaction
  • Balance
  • Typography
  • Contrast
  • Consistency
  • Design Thinking
  • Design Systems & Style Guides
  • Interaction Design Methodologies: Goal Driven Design, Usability, The Five Dimensions, Cognitive Psychology, and Human Interface Guidelines
  • Design Strategy

Week 4 - Web Accessibility

  • Keyboard Shortcuts
  • Focus Based Elements
  • Focus Control
  • Skip Links
  • Aria
  • Color Ratio
  • Live Regions

Week 5 SMACSS

  • Categorization
  • Naming Conventions
  • State- Based Design

Week 6 - JavaScript && jQuery && ES6.

  • ES3 - purpose and how to use

    • Primitives
    • Conditionals
    • Arrays
    • Loops
    • Functions
    • Objects -Nested Functions
  • DOM manipulation with JS && jQuery

    • Create
    • Replace
    • Unwrap
    • Remove ( Destroy )
    • Empty
    • Inserting
    • Grabbing the Text
    • get and set Content
    • Append and Prepend
    • Wrap
    • Clone
    • Iteration
  • jQuery

    • Events
    • Effects
    • Ajax
  • ES6

    • Let and Const
    • Arrow Functions
    • Default Parameters
    • Async/Await
    • Promises
    • For Of Loops
    • Spread Operators and Rest Parameters
    • Maps
    • Sets
    • Static Methods
    • Getters and Setters
  • JSON

  • Scope / Closures / Hoisting

Week 7 : APIs && Serving To The Web

  • DOM manipulation ( Again)
  • Fetch
  • Animation and Manipulating Graphics
  • Audio And Video APIs
  • Device APIs
  • Client-side Storage APIs
  • Third Party APIs
  • Serving to The Web
    • Github Pages
    • Netlify
    • Surge

BLOCK 2 - Computer ๐Ÿ’ป Science ๐Ÿ”ฌ With Javascript

Week 8: Computer Science I

  • Thinking like a programmer
  • Big O
    • The metric for algorithms
  • Call Stack
    • How code is interpreted by the machine
  • Recursion
    • The art of the hand-off

Week 9 Computer Science II

  • Object Oriented Programming
    • Classes and Objects
  • Data Structures
    • Set
    • Stack
    • Queue
    • Map
  • Intro to algorithms
    • Solving problems with code

Week 10 Computer Science III

  • Sorting
    • Implement and understand sorting algorithms
  • Primality and Practical algorithms
    • Deeper dive into algorithms
  • Review

BLOCK 3 - React && JAMstack โš›๏ธ

Week 11 - React I

  • React Basics
  • Tooling
  • JSX
  • Hooks
  • Effects
  • React Dev Tools

Week 12 - React II

  • Async & Routing
  • Class Components
  • Error Boundaries
  • Context
  • Portals

Week 13 Gatsby

  • Set Up
  • MDX
  • Outside Data

Week 14 GraphQL

  • Schemas
  • Definition Language
  • Scalar & Object Types
  • Validations
  • Query & Mutation Types
  • Resolvers
  • Interfaces
  • Auth

Week 15: Jest

  • Introduction
  • Layout
  • Describe it
  • Assertions
  • Async tests
  • Lifecycle
  • Snapshot testing
  • Automocking
  • Coverage report

BLOCK 4 - Official VWC Member: Interview prep

Metrics

  • Resume writing
  • Github Pruning
  • Codepen at least once a week
  • Dev.to post once a week
  • Daily Code Challenge via Repl.it
  • Daily interview Question in code-challenge channel
  • Reporting to your assigned team and contributing
  • Portfolio Building

curriculum's People

Contributors

bhankee avatar captamericajs avatar ptenteromano avatar jeromehardaway avatar koreyboone avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.