Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development jQuery

jQuery & React Essentials: Learn jQuery & React Basics

2 Courses in 1. Learn the Fundamentals of jQuery and React
Highest Rated
Rating: 4.8 out of 54.8 (68 ratings)
1,101 students
Created by Erin Z.
Last updated 12/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn the fundamentals of jQuery & React.
  • Learn to use the DOM, and work with an external library.
  • Learn to use jQuery to create interactive sites.
  • How to build real-life jQuery projects.
  • Learn about React Libraries
  • Learn how to set up your development environment.
  • Learn to create new components; use props and state to pass data between components; use routes to map URLs to views; and organize projects with nested components and routes.
  • How to start building your own browser-based projects.

Course content

6 sections • 53 lectures • 6h 49m total length

  • Preview01:47
  • Preview03:07

  • Preview01:57
  • Preview02:49
  • Preview07:53
  • Implementing Lightbox
    09:28
  • Some practice
    03:33

  • Getting Started
    02:04
  • Getting into some code
    04:06
  • Click Event
    02:33
  • Natural Selection
    02:33
  • Slide Show
    09:24
  • Additional effects
    02:33
  • How jQUERY classes interact with CSS
    07:29
  • DOMs
    02:37
  • THIS
    03:43
  • Traversing
    09:50
  • Practice challenge
    03:52

  • The Next Project
    03:22
  • Creating Actions
    07:33
  • jQUERY variables
    04:48
  • Capture inputs
    08:09
  • Conditional statements
    05:47
  • Dynamically created events
    05:34
  • Add completed functionality
    05:03
  • Remove element
    03:41
  • Save and update the local storage
    19:36

  • Meet JSON
    04:33
  • Arrays and Objects
    06:42
  • Bootstrap
    03:46
  • Add AJAX
    03:20
  • Formatting AJAX
    06:48
  • Iterate code
    06:44
  • Append HTML to the Dom
    01:49
  • Display the data
    08:01
  • Handling failure from the server and creating filters
    03:51
  • Filtering part 1
    08:56
  • Filtering part 2
    06:29
  • Making clickable listing
    13:04
  • Conclusion: Final challenge
    04:15

  • Getting started with React
    06:38
  • Pure React
    06:19
  • JSX & Babel
    13:37
  • Building with Webpack
    21:30
  • Webpack 3
    07:32
  • React components
    21:54
  • Composing components
    11:27
  • Props and state
    27:26
  • React Router
    18:38
  • Forms and refs
    25:45
  • Build Member component
    06:50
  • Component lifecycle
    14:56
  • Create react app
    03:47

Requirements

  • familiar with HTML, CSS and JavaScript

Description

Welcome to this 2 part course series on JQuery and React!

In the first part of the course we go in-depth on JQuery, where you'll learn the fundamentals of JQuery and have a good understanding of it after completion.

Throughout this course you will build several projects to give you the ability to integrate jQuery in your own projects to add that extra level of interactivity to any site you work on.

jQuery is the most popular JavaScript library today. This course will teach you all the basic of it and how to use jQuery’s core features.

You’ll learn how to interact with the Document Object Model (DOM), use web developer tools, and get started with reading and understanding documentation to help you take on  your own projects.

For those developers that want to add more tools to their developer's tool belt, there is a bonus course on React. In this section you'll learn the basics of the React library and how to use it to create two projects: a browser-based activity counter app and a simple website for  displaying data drawn from an API.

As we go through the course, you'll learn how to set up  your development environment, including helpful tools such as Babel and  webpack; create new components; use props and state to pass data between  components; use routes to map URLs to views; and organize projects with nested components and routes.

By the end of the course, you'll  understand the essentials of React.js and be able to start building your own browser-based projects. 

Who this course is for:

  • Developers
  • Programmers
  • Anyone who wants to learn jQuery or React

Instructor

Erin Z.
Developer
Erin Z.
  • 4.8 Instructor Rating
  • 68 Reviews
  • 1,101 Students
  • 1 Course

I'm a Front End and Wordpress Developer with over 10 years of experience. I have developed projects for many companies worldwide and local, both independently and in teams. My passion is building state-of-the-art, easy to use, user friendly web sites and applications. I actively seek out new technologies, and stay up-to-date on industry trends and advancements.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.