Companies Home Search Profile

React 101: Learn React. js for absolute beginners

Focused View

Kalob Taulien

1:27:25

11 View
  • 01-welcome to react.js for beginners.mp4
    01:53
  • 02-what is react.js.mp4
    01:43
  • 03-installing node.js and npm.mp4
    03:49
  • 04-starting a new project.mp4
    04:46
  • 05-react.js syntax.mp4
    04:56
  • 06-importing components.mp4
    03:13
  • 07-jsx syntax.mp4
    06:13
  • 08-your first component.mp4
    05:27
  • 09-working with props.mp4
    04:20
  • 10-click events in react.js.mp4
    05:30
  • 11-adding state to your react components.mp4
    07:02
  • 12-star wars component.mp4
    03:42
  • 13-pseudo coding.mp4
    04:52
  • 14-another react.js click event.mp4
    02:06
  • 15-how to store data using react state.mp4
    04:14
  • 16-if conditions in react.mp4
    02:42
  • 17-your first react-based api request.mp4
    04:19
  • 18-randomizing characters.mp4
    02:59
  • 19-creating links from text in react.mp4
    01:42
  • 20-how to loop through arrays in react.mp4
    08:33
  • 21-your project.mp4
    03:24
  • Final Project Source Code.zip.zip
  • Description


    Welcome to React for beginners: a course for web developers to learn React.js even if you've never written any React.js in your life. 

    In this class, we're going to be starting at the very beginning, with no student left behind! React can look a bit strange to write at first because it's a mix of HTML and JavaScript, but I'm going to teach you ways to remember when to write JavaScript and when to write HTML (Or what's known as JSX).

    We'll learn about React syntax, importing from other others, components, splitting components into new files and importing them, extending components, component props and state, click events, and how to build in an API request when a button is clicked. 

    If that sounded advanced and scary, don't worry I'll teach you everything you need to know about React.js to get you up and running quickly. 

    Why learn React.js:

    React is a JavaScript library that lets you make insanely interactive and responsive websites and applications. When a user types or clicks on something, your JavaScript might want to take some form of action. React makes that easier to write and maintain. Plus it's extendable, meaning you can write a little bit of code and re-use it everywhere so you aren't spending all day writing code.

    But more than that, React is a high demand skill. Lots of development companies, startups and big companies like Netflix use React — it's how they can create such amazing user interfaces like the Netflix movie catalog. 

    Everything that can be created in React can be created using vanilla JavaScript, but React makes it easy to maintain and easy to read — it turns long spaghetti JavaScript into a nice programming language that's easy to work on with your peers.

    Who uses React.js:

    Pretty much everybody is React these days. Whether it's a small part of a website that has complex logic, or an entire website like Netflix. Pretty much everybody and their dogs are writing React these days. And that's why it's important to learn.

    About the teacher:

    Hi, I'm Kalob Taulien, your teacher. I've been teaching people how to code since 2012. I have taught and mentored hundreds of thousands of students, including tens of thousands of students on Skillshare alone. 

    I have managed to win a top-ranking spot in the development community as a web development teacher.

    Today I'm going to be teaching you React.js. If you've never written react, that's OK, I'll hold your hand through the beginning phases. If you've never written React, you WILL need to know JavaScript first. So please don't start this course unless you're familiar with JavaScript. 

    Your project:

    • Throughout this course, we're going to create a random Star Wars character generator using an API request. Together we'll build out the fundamental parts of an application like that. 
    • Then as your final project, you're going to swap out the API request for a different endpoint, and add images to your project to make it more visually appealing. 

    Requirements:

    • Must know HTML, CSS, and plain JavaScript
    • Must be able to download and install Node.js (I'll show you how) 
    • Must be able to download and install files. 

    21488337.png

    What You'll Learn?


      • Technology
      • Web Development
      • Javascript
      • Catalog Development
      • React
      • Community Development
      • Spaghetti

    More details


    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Kalob Taulien
    Kalob Taulien
    Instructor's Courses
    He is a professional web developer who's been developing websites and working with startups since 1999. He also has a broad set of skills in software, web development, and information technology.Teaching over 450,000 students on Udemy alone, he's helped hundreds of thousands of people learn web development. From zero to hero and novice to ninja, he's considered a top teacher by thousands. With so much experience, why not give his experience and knowledge to others so they can fulfill their dreams?The passion to learn and to share his knowledge by teaching and helping others is something that drives him. It's a passion he's had since he was born. Kalob's ability to turn complex programming concepts into easy-to-understands bits of knowledge has been called his "superpower". Throughout the years, Kalob has built hundreds, if not thousands, of websites, and has created multiple companies from his ideas and software. He also provides one-on-one coaching and startup consulting to new organizations. Teaching isn't an option in Kalob's life, but a moral obligation to pass on knowledge to others.
    Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.
    • language english
    • Training sessions 21
    • duration 1:27:25
    • English subtitles has
    • Release Date 2024/02/12