New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CanJS Getting Started Video #4168

Open
justinbmeyer opened this Issue May 30, 2018 · 1 comment

Comments

Projects
None yet
1 participant
@justinbmeyer
Contributor

justinbmeyer commented May 30, 2018

tldr; Make a new "Getting Started with CanJS" video to replace the old one. The video will be about 45 minutes and cover as much critical information we can cover in that time.

This was discussed on a recent live stream (28:18), with follow-up discussion at 51:31.

Problem

People like learning from video. It's more engaging and can teach people faster than reading. Imagine a new person starts on your project, you can share a video with them to get them up to speed quickly.

Sites with video tend to convert more people.

The old getting started video was made for CanJS 1.1. But it had over 30k views.

It's time for a new video!

Solution

I propose we create a new "Getting Started With CanJS" video for CanJS 5.0. The video has two primary goals:

  • Get people interested in CanJS
  • Give people enough knowledge to start using CanJS

The content will be a mix of what's on the homepage and the 5.0 technology overview.

Outline

Intro

image

Welcome to CanJS! I’m X, code slinger and a DoneJS
core team member. This video walks through everything you need to know to
use CanJS. With a bit of JS knowledge, you'll be ready to build the impossible with CanJS.

We will start with the what, why, how, and who of CanJS, then give a high level overview of
the most important libraries of CanJS

Why, What, How, Who

image

WHAT CanJS is a client-side JavaScript framework used to build rich web applications. Examples include: X, Y, Z.

Show example apps built with canjs.

WHY CanJS has a dual mission, to make it easy to do the common stuff, while helping you build the impossible.

  • By "the common stuff", we mean building rich custom elements.
  • By "building the impossible", we mean CanJS has all sorts of ways to make the most challenging user experience requirements manageable.

HOW does CanJS try to be both easy and scaleable?

A: It has a simple core of object oriented state-management, live-binding templates and custom elements.

For example, here's CanJS's hello world:

Component.extend({
    tag: "hello-world",
    view: `{{message}} World!`,
    ViewModel: {  message: {default: "Hello"} }
})
<hello-world>

CanJS also has what you need to build whatever comes your way.

  • become an expert quickly,

  • solve difficult problems, and

  • maintain your app over years.

  • Debugging tools

  • Guides and API docs

  • Helpful community where to reach out for help!!!

  • Plugins

    • routing
    • service and data modeling
    • 3rd party integrations
    • DoneJS.

CanJS is all about empowerment.

WHO

Speaking of features, CanJS is part of the DoneJS ecosystem. Its a collection of projects that solve all sorts of problems.

Tech Overview

image

CanJS is all about observables. You define observables, and connect them to stuff.

Observables and HTML Elements

image

Observables and the browser's location

Observables and the service layer

@justinbmeyer

This comment has been minimized.

Contributor

justinbmeyer commented Jun 10, 2018

  • In many packages?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment