Code Monkey home page Code Monkey logo

typescript-workshop-2020-06-30's Introduction

Typescript Workshop

This workshop has been designed to empower you with the foundations of Typescript. I want you to feel comfortable starting your next React project using TS.

Consider it a tool you can reference as you continue to build and expand your knowledge of TS.

Workshop Agenda

  • 18:00 - 18:10: Introduction and getting started
  • 18:10 - 18:20: Lesson 1, Starting a new project in Typescript
  • 18:20 - 18:30: Lesson 1, Exercise
  • 18:30 - 18:40: Lesson 1, Solution
  • 18:40 - 19:00: Lesson 2, Using interfaces
  • 19:00 - 19:20: Lesson 2, Exercise
  • 19:20 - 19:30: Lesson 2, Solution
  • 19:30 - 19:45: BREAK
  • 19:45 - 20:00: Lesson 3, Type files and generics
  • 20:00 - 20:20: Lesson 3, Exercise
  • 20:20 - 20:30: Lesson 3, Solution
  • 20:30 - 20:55: Lesson 4, Composing types
  • 20:55 - 21:20: Lesson 4, Exercise
  • 21:20 - 21:30: Lesson 4, Solution
  • 21:30 - 21:40: Lesson 5, Working with JS libraries
  • 21:40 - 21:55: Lesson 5, Exercise
  • 21:55 - 22:00: Lesson 5, Solution

Workshop structure โ›ฉ

Each section will include a lesson, exercise, and solution.

lesson.md will contain the plan and notes for each section.

lesson/ will act as out scratch pad during the lesson.

Within exercise/ you'll find an exercise.md which outlines what you'll need to do.

solution/ contains my solution to the questions in exercise.md

How it works

Process for every lesson:

  1. Lesson & Q&A
    • Example code from lesson will be pushed to repo so you can reference it during the exercises
  2. Exercise
    • ~ 20 minutes per exercise
    • I recommend reading through all of the questions in an exercise before coding
    • Go slow and read the errors. Typescript will usually guide you in the right direction.
  3. Solution

Helpful resources

Help Make This Workshop Better ๐Ÿ†

After the workshop, I would love if you could take 5 minutes to answer a few questions so I can learn how to improve this workshop in the future:

Typescript Workshop Feedback Form

typescript-workshop-2020-06-30's People

Contributors

braedongough avatar

Stargazers

Khuram Ejaz 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.