Intermediate Coders- Use JavaScript to Make Web Apps and Art

Intermediate Coders: Use JavaScript to Make Web Apps and Art, available at $49.99, has an average rating of 4.7, with 226 lectures, based on 24 reviews, and has 311 subscribers.

You will learn about Learn to create simple vector art with code! Gain hands-on training with real projects Build beautiful, well-functioning web apps And so much more This course is ideal for individuals who are Anyone who wants to make art for web pages using code! or Developers who want to learn about React and Redux. or Coders who want to learn to build web apps. or Coders who want to learn JavaScript. It is particularly useful for Anyone who wants to make art for web pages using code! or Developers who want to learn about React and Redux. or Coders who want to learn to build web apps. or Coders who want to learn JavaScript.

Enroll now: Intermediate Coders: Use JavaScript to Make Web Apps and Art

Summary

Title: Intermediate Coders: Use JavaScript to Make Web Apps and Art

Price: $49.99

Average Rating: 4.7

Number of Lectures: 226

Number of Published Lectures: 226

Number of Curriculum Items: 226

Number of Published Curriculum Objects: 226

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to create simple vector art with code!

Gain hands-on training with real projects

Build beautiful, well-functioning web apps

And so much more

Who Should Attend

Anyone who wants to make art for web pages using code!

Developers who want to learn about React and Redux.

Coders who want to learn to build web apps.

Coders who want to learn JavaScript.

Target Audiences

Anyone who wants to make art for web pages using code!

Developers who want to learn about React and Redux.

Coders who want to learn to build web apps.

Coders who want to learn JavaScript.

“This guy knows his stuff. Really good course. Has a ton of content! I watch this all the time. His SVG knowledge is impressive. I also liked the React stuff.” – Daniel S.

Do you want to take the next steps in your web development career or programming hobby? This course is for you.?

This course is?project-based?so you will not be learning a bunch of useless coding practices. At the end of this course you will have real world apps to use in your portfolio. We feel that project based training content is the best way to get from A to B. Taking this course means that you learn practical, employable?skills immediately.

In Part 1, you will learn?hands-on how to create?SVG animations in the browser using HTML & CSS. Together with your expert instructor Chris Veillette of Mammoth Interactive, you will:

Recognize why you should use SVGs for web development.

Create SVG shapes.

Embed SVG on a web page.

Make a landscape scene entirely with code!

In Part 2, you will master the fundamentals of React and Redux by developing?apps. You will learn how to do all of the following, and more!

Lay out a web app in a logical way

Use JSX, a pre-processor that adds XML syntax to JavaScript

Build a single-page app using React Router

Code in ES6 and JavaScript

Use webpack, a bundler for code

Transition from webpack 1.0 to webpack 2.0

Write modular CSS

Use Redux, a predictable state container for JavaScript apps

Refactor code (alter code to make it simpler and more efficient)

Fix bugs and handle errors

The beauty of taking an online course like this is the ability to replay any of the lectures at any time. There is no time limit or final tests. You get to learn at your own pace with a practical model method of learning.

One of the best features is that you can watch the courses at any speed you want. This means you can speed up the or slow down the video if you want to.

You can use the projects you build in this course to add to your LinkedIn profile.?Give your portfolio fuel to take your career to the next level.

Learning how to code is a great way to jump in a new career or enhance your current career. Coding is the new math and learning how to code will propel you forward for any situation.?

Learn it today and get a head start for tomorrow. People who can master technology will rule the future.

Course Curriculum

Chapter 1: Use code to make a web graphic

Lecture 1: What is an SVG?

Lecture 2: Introduction Continued

Lecture 3: Creating Rectangle and Circles

Lecture 4: Creating Lines

Lecture 5: Stretch to fit graphics with viewBox

Lecture 6: Polygon Element Part 1

Lecture 7: Polygon Element Part 2

Lecture 8: Polygon Element Part 3

Lecture 9: Polygon Element Part 4

Lecture 10: viewBox Attributes

Lecture 11: viewBox Attributes Continued

Lecture 12: Path Elements

Lecture 13: Path Elements Continued

Lecture 14: Bezier Curves Part 1

Lecture 15: Bezier Curves Part 2

Lecture 16: Bezier Curves Part 3

Lecture 17: Bezier Curves Part 4

Lecture 18: Quadratic Bezier Curves

Lecture 19: Arcs

Lecture 20: Arcs Continued

Lecture 21: SVG-edit and Illustrator

Lecture 22: Styling Inline SVG

Lecture 23: SVG in IMG tag

Lecture 24: SVG in Background IMG

Lecture 25: Modifying Inline SVG

Lecture 26: SVG with Javascript

Lecture 27: Adding Trees

Lecture 28: Creating Trees

Lecture 29: Creating Trees Continued

Lecture 30: Remove Button

Lecture 31: Adding Other Tree Types

Lecture 32: Sorting Trees

Lecture 33: Sorting Trees Continued

Lecture 34: Refactoring JavaScript

Lecture 35: Refactoring JavaScript Continued

Lecture 36: Saving as SVG

Lecture 37: Saving as SVG Continued

Lecture 38: Save as PNG

Lecture 39: Downloading Images

Lecture 40: Refactoring Part 1

Lecture 41: Refactoring Part 2

Lecture 42: Refactoring Part 3

Lecture 43: Main Functionality

Lecture 44: Main Functionality Continued

Lecture 45: Testing Cross-Browser Compatibility

Lecture 46: Checking DOMcontentload

Lecture 47: Styling Part 1

Lecture 48: Styling Part 2

Lecture 49: Styling Part 3

Lecture 50: Modal for PNG Part 1

Lecture 51: Modal for PNG Part 2

Lecture 52: Modal for PNG Part 3

Lecture 53: More JavaScript Refactoring

Lecture 54: Styling Modal Further

Lecture 55: Adding Size Reset Button

Lecture 56: Outro

Lecture 57: ($1000 value!) Source Code

Chapter 2: Code web apps in JavaScript

Lecture 1: What Everyone Should Know about React

Lecture 2: Quick Win! Example

Lecture 3: Top 10 Things You Will Learn

Lecture 4: Webpack Version Demystified

Chapter 3: React and JSX

Lecture 1: Setting Up React and Installing Packages

Lecture 2: Alternate Methods of Rendering

Lecture 3: Invoking Functions

Lecture 4: Setting Styles on Elements

Lecture 5: Source Code 01: Setup

Chapter 4: Components

Lecture 1: Virtual DOM and Classes

Lecture 2: ES6 Webpack Dev Server

Lecture 3: React Components

Lecture 4: Splitting Another Component

Lecture 5: React Component Validators

Lecture 6: Source Code 02: Components

Chapter 5: React States

Lecture 1: React States Introduction

Lecture 2: Extract Button to Separate Component

Lecture 3: Reusing a Component

Lecture 4: Split Component into Subcomponents

Lecture 5: Creating a Timer

Lecture 6: componentWillUnmount

Lecture 7: Webpack Hot Reloading

Lecture 8: Source Code 03: States

Chapter 6: React Event Handling

Lecture 1: React Event Handling Introduction

Lecture 2: Simple Event Handling

Lecture 3: Getting Values

Lecture 4: Using Events to Influence App Display

Lecture 5: Splitting Function into Components

Lecture 6: Source Code 04: Event Handling

Chapter 7: React Routers

Lecture 1: Props.children

Lecture 2: React Router Introduction

Lecture 3: Direct URL

Lecture 4: Wildcard

Lecture 5: IndexRoute

Lecture 6: Making a Name Profile

Lecture 7: Nested Routes

Instructors

Mammoth Interactive
Top-Rated Instructor, 3.3 Million+ Students

John Bura
Best Selling Instructor Web/App/Game Developer 1Mil Students

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 4 votes

4 stars: 11 votes

5 stars: 9 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!