GithubHelp home page GithubHelp logo

react_ts_06's Introduction

How to learn React-TypeScript Course?


Disclaimer

This is a free React with TypeScript course that is intended for future (or present) front-end developers, to advance the skills. When enrolling in this course, students will be expected to know certain things beforehand. Please, do not expect from this course any basic training (i.e. How to use GitHub). A pace has been set to learn and the course has a limited time for completion. After completing the course, all students are offered to take part in the final project that could lead all the motivated participants to an employment. There are no mandatory classes or homeworks, everything just depends on the degree of your motivation and your end goals.

About the course

React is a JS library that allows us - frontend developers - to develop efficiently. TypeScript is a JS superstructure that gives you better tooling at any scale. The goal is to start building single page applications with ReactJS and TypeScript.

💻Your Teacher

Francesca

Contact:

✏️Syllabus

  • CLI (Vite)
  • Functional Components
  • Components Basics
  • Rendering
  • Hooks
  • Routers
  • State Management
  • Styling
  • Testing (Playwright)
  • Frameworks (Next.js)
  • Forms

📚Sending completed homework for feedback

Every Wednesday, in the end of the main lecture, a few take-home tasks are offered to practice the lecture material. You have to be on the list of students in order to be able to receive homework feedback. Homework is done via GitHub Classroom and there is a deadline set for each week's tasks. If you missed the deadline, but have a good reason 'why', you can get the extenuating circumstances, in other instances, the homework will not be accepted after the deadline.

🤓How to do it right?

Attend the lectures and complete your homework on time. Besides lectures, you are expected to spend time reading official documentations, googling, learn to ask proper questions, and sourcing helpful information on your own. 50% of success is in your dedication to the course material. The other 50% come from practice. This means, you should go along with course to get a timely feedback in order to really learn. It is not recommended to skip parts with false hopes to learn it 'later'. You can only get a working knowledge of React/TS, if you follow the rules of our community and are genuinely invested in the process.

##Bare minimum to succeed in React/TS course

    1. JavaScript
  1. HTML & CSS
  2. Git Version Control
  3. Package Managers (npm, yarn or pnpm) - npm is used in this course
  4. Basic understanding of linters and formatters
  5. Basic knowledge of npm scripts
  6. Understanding of Vite, esbuild, Webpack, Rollup, Parcel

📈FAQ

  • Do I need JavaScript to learn React? Yes, you are expected to have a working knowledge of JS to be able to understand React concepts and not stall your learning curve.

  • Do I need JavaScript to learn TypeScript? TypeScript builds on top of JavaScript, so not knowing JavaScript prior to learning TypeScript will probably confuse you.

  • Can I land a job after completing this course? Many factors can contribute to you landing your first, or a more qualified, frontend position. The material covered in this course can result in employent as the skills provided here, are practical.

🔗Links to Helpful Resources

-TypeScript Official Docs

-React Official Docs

Happy Hacking!

react_ts_06's People

Contributors

francesca-fe avatar sergeidemyanenko 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.