£11,882
pledged of £10,000pledged of £10,000 goal
417
backers
15days to go

All or nothing. This project will only be funded if it reaches its goal by Fri, November 30 2018 10:00 PM UTC +00:00.

£11,882
pledged of £10,000pledged of £10,000 goal
417
backers
15days to go

All or nothing. This project will only be funded if it reaches its goal by Fri, November 30 2018 10:00 PM UTC +00:00.

About

 project video thumbnail
Replay with sound
Play with
sound

What Are Web Apps?

Up until now making a successful native app to go with your website has been complicated and hard work. New advances in technology mean that your website can now function like an app. Furthermore we'll make your life as easy as possible by building your skills step-by-step, regardless of what you know already.

Back in 2015, Googler Alex Russell and his partner Frances Berriman coined the term “Progressive Web Apps” or PWAs. In March 2018 Apple added “service workers” to Safari on iOS, meaning that all modern mobile devices can benefit from fast and offline-capable web apps. This was a pivotal moment in the future of web apps.

Progressive Web Apps aren't magic, but they are magical. A PWA is created by "simply" following a set of guidelines that you add to classic web development to unlock some seriously cool features! They also set a great standard for all your web, and other development to follow.

Now we can combine our development effort into a single web-stack codebase of JavaScript, HTML and CSS to create fast, responsive, offline, native feeling apps and games for desktop and mobile. These apps will progressively improve on increasingly powerful devices.

Your App Progressively Enhancing With Device
Your App Progressively Enhancing With Device

Your Web App Growing With Device Size Your Web App Growing With Device Size The capability gap between native and web apps has narrowed. Now you can create fully capable cross-platform web apps from a single codebase, that will scale with the device with less effort than ever before.

Users can discover, "download" and even make payments in your app with no need for an app store, or their hefty fees. 

As the capability of devices has increased, the speed of internet connections hasn't caught-up. These new web development techniques will ensure lightening-fast performance for all users, even offline. For someone who has to wait 30s for a page to load, halving that time is a huge deal.

From 3x1 to 1x3 security: Instead of having to spread your security budget over 3 development platforms, you can target your effort & budget to build one strong web app door. The philosophies of PWA development are rapidly becoming web best-practice.

Google are pushing Progressive Web App technology hard. Microsoft are embracing it even harder, and as of March 2018 even Apple's Safari supports offline access for mobile websites! Progressive Web Apps are even coming to desktop browsers in 2018. Now is the perfect time to join the new web app revolution.

Not having to download an app significantly reduces friction and cost for users whose bandwidth is metered. Updates are immediate, and app store fees and certification processes are avoided. A simple URL can bring two users together in seconds, in one click. No app store, no bulk download, no signing-in until necessary.

Users Can Invite Friends In A Single Click
Users Can Invite Friends In A Single Click

Recent advancements in browser standards means that a web app can...

  • Feel fast and natural like a native app
  • Be installed to your home-screen (1)
  • Be found by search engines easily
  • Push notifications to the user (2)
  • Run offline (3)

Why not try it for your self now? Simply visit one of these great examples of modern-day progressive web apps: mobile.twitter.com, app.ft.com, wego.com, or ride.lyft.com and follow these steps...

A) Visit the site in Chrome on Android, or Safari on iOS*

B) Add to home screen when promoted, or from Share menu

C) Launch & enjoy a native app experience.

* Either will work fine on desktop.

Still not sure about the benefits of web apps? Check out our short YouTube playlist on the subject.

Why Learn To Code?

Learning to code gives you super powers. Being a developer will help you earn more money, ensuring you're always in a job. Join the growing tribe of trendy geeks, have fun, and increase your self confidence.

Software development teaches you to break-down complex problems, and to build solutions step-by-step. This discipline helps you to think, making you smarter. You can even apply this way of thinking to other areas of your life, such as finances or spotting fake news.

We have already taught over 446,000 paying customers to code with our portfolio of online game development courses. We are passionate about teaching coding in a fun, accessible and professional way. We want to create a whole new community around web app development.

Codify your creativity, and multiply your value. Expressing yourself through code is one of the most exciting ways to reach people. Computers can cheaply follow your instructions for users locally or globally, providing a consistent and scalable experience.

Why Become a Web Developer?

Websites have huge global reach, but it's hard to get people to re-engage with your site. Successful native apps on the other-hand boast huge user engagement, but it's harder than ever to reach people. We want to teach you the new way to make apps.

If you're going to get good at something, you need to stick with it. Creating web apps is a social experience, you can share your work with friends and family at every stage. This constant feedback and interaction is very motivating, meaning you're very likely to stick with web development long enough to get great at it.

Coding Web Apps Can Be A Social Experience
Coding Web Apps Can Be A Social Experience

Between "front-end" web technologies such as HTML and CSS, and "back-end" technologies such as MongoDB and Node.js, you'll learn to become a full-stack developer. A quick Google search shows this to be a very valuable skill, commanding healthy salaries once seasoned.

Learn to maximise the capability of the billions of browsers worldwide, from smart fridges and mobile phones, to laptops and cars. A Progressive Web App is simply a website that uses technologies such as service workers, Push Notifications, WebGL, WebAssembly, the Web App Manifest for full-screen browsing, Accelerated Mobile Pages, and more. 

If you are going to start coding anywhere, web technologies are as good a place as any. From websites to apps and even simple games, the web technologies are super valuable and versatile.

Why Learn With Us?

We are delighted to announce that the Google Chrome team are supporting this project, along with many other key players in the industry. Below is a list of just some of the companies who are supporting this project to ensure we create the world's best-ever introduction to modern web development.

A Huge Thanks To Our Sponsors
A Huge Thanks To Our Sponsors

Thanks to Scalingo for offering their "medium container" (5) for a year worth around £150. This will allow you to host all your Node.js websites with ease for free for a year. Additionally Eco Web Hosting are offering a year of unlimited static hosting for your front-end sites.

We are an established team of some of the world's best online teachers, and this Kickstarter will bring the skills of creating websites and apps to everyone who wants to learn. Ben and his team have taught nearly half-a-million people to make video games from scratch, and now we plan to work our magic on web apps.

If you don't know where to start, or learning to make your own app feels like a mountain to climb we've got you covered. All you need is basic computer skills, and the will to learn. We are experts at introducing complex topics in a fun and engaging way. So even if you've never coded before, join the web app revolution with us.

We will start by building a simple quote of the day app together. This first project will give you an introduction to HyperText Markup Language (HTML), the foundation of all websites and web apps. We will then introduce you to using Cascading Style Sheets (CSS) for layout and style. Finally you will write your first JavaScript (JS) to bring your web app to life.

Ben Tristem - Your Primary Instructor
Ben Tristem - Your Primary Instructor

Course Structure & Stretch Goals

The course will be delivered as a series of videos, typically 5-15 minutes long. Most of these will be in "screencast" format, where you watch our screen with high-quality audio, and we walk you through the process while we justify all our decisions.

You will create increasingly complex web apps & build an online portfolio of your work to impress employers and clients, and increase your self-confidence. Often a portfolio as proof of competence beats qualifications in the marketplace.

Every few minutes we challenge you to apply your knowledge, but taking what you've just learned and applying it to a new situation. This means you develop genuine skills as you go. We also provide larger scale challenges where you get to integrate all your new skills together.

We'll start by creating a fake-news page using browser developer tools. Don't worry, these changes will only reflect on your computer, you're not actually hacking anyone's website! This will help you understand the general structure of modern web pages, and get you familiar with the basics of Chrome's developer tools.

We Will Help You Navigate The Jungle of Technologies
We Will Help You Navigate The Jungle of Technologies

From there the general structure of the course will be as follows. As this Kickstarter grows, we want the ambition of the project to grow with it...

£10,000 Stage 1: Client Focused

If the Kickstarter meets this level, then we'll commit to creating the 10h Foundation Course

Use the browser on a phone, tablet or desktop along with just JavaScript, HTML and CSS. Using GitHub Pages, or the included Eco Web Hosting Advanced package, share your creations with family and explore the limits of the client.

Quotsie: A simple quote-of the day app to get you started using JavaScrip to make the most basic changes to a page.

ColorMe: A simple yet compelling JavaScript puzzle game, to really improve your core coding skills.

UpNext: A simple, fast, local to-do app that helps you focus on the few most important things you need to do next.

£50,000 Stage 2: Server Heavy

From this level onwards, the additional course content becomes unlocked, available to backers with "All Courses In Series" reward.

In this stage of the course we'll shift our attention to the server side. Build on your JavaScript knowledge by learning to use Node.js to program the web server. You'll also learn how to use MongoDB and Firebase to store data, and how to use build tools to better deploy your app.

Quotsie 2: To get your warmed-up into server-side or "back-end" development, we'll convert this project into a server-heavy app.

WebPortfolio: Here you'll build a portfolio site where you can submit your projects including thumbnails and descriptions, and gather feedback and endorsements.

Project X: The whole point of a Kickstarter is to get community feedback. We've left this project open so you guys get to choose. This project should be server-heavy, but begging for some hybrid action.

£200,000 Stage 3: Balanced Hybrid

Once you have the skills and perspective gained from the first two stages, you will learn to create perfectly balanced hybrid web apps. That is to use a clever combination of client and server side technologies to craft the ideal user experience.

Here you will learn important skills such as how to build and consume Application Programming Interfaces (APIs), how to deal with serialisation, and how to deal with asynchronous and multi-threaded applications.

Quotsie 3: We now fuse the front-end and back-end versions of this simple app, learning about RESTful APIs and how to store the quotes on the server but use JavaScript to manipulate the local page.

GeoCaching: Want to build a location-based app like Uber or Lyft? This project has you covered, making use of the device's location sensors to provide geo-aware services.

Project Y: Again this one is open for your input. What do you REALLY want to build? This should be a hybrid app making balanced use of server and client.

The course will be at least 20 hours long in total, comprising of over 100 videos enriched with resource links, links to source control, downloads, Google slides and more. As more stretch-goals are met, the required length of the course will increase accordingly. We may also split the content into multiple courses, but if so you'll get access to all of them.

Foot Notes...

(1) On iOS use Safari, then chose "Add To Home Screen" from the share menu.

(2) Push notifications are currently only supported on Android.

(3) Offline support is made possible by "Service Workers" which are now supported by all major desktop and mobile browsers.

(5) See https://scalingo.com/pricing for details

©2018 Google LLC All rights reserved. Google and the Google logo are registered trademarks of Google LLC

Risks and challenges

There are relatively few risks here. We will not be spending your money upfront, and in the very unlikely case that we are unable to complete the course, we will refund everyone.

We also promise to refund anyone their pledge if they don't think the course is awesome.

Bear in mind we've had no fewer than 5 previous successful Kickstarters, so this isn't our first rodeo.

Learn about accountability on Kickstarter

Questions about this project? Check out the FAQ

Support

  1. Make a pledge without a reward

    £
    About $13
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  2. Select this reward

    Pledge £3 or more About $4

    Pioneer

    Support the cause of freeing the world of the app stores for the lowest possible pledge.

    You'll be able to interact on the Comments page, and you can always trade-up later if you wish. Thanks!

    Less
    Estimated delivery
    1 backer
    £
    About $4
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  3. Select this reward

    Pledge £7 or more About $9

    Early Bird

    Lock-in the lowest price ever for one of our courses, and help us get off to a great start by backing early. In this case the early bird really does get the worm.

    Why the strange backer limit? Ben's obsessed with prime numbers, and makes no apology ;-)

    Includes:
    • 10h Foundation Course
    Less
    Estimated delivery
    Limited (41 left of 109) 68 backers
    £
    About $9
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  4. Select this reward

    Pledge £11 or more About $14

    Get The Course

    The bread-and butter pledge level, get lifetime access to the course and community at outstanding value.

    You can even trade-up from Early Bird to support the project even more, and free-up a space for someone who can afford it less.

    Includes:
    • 10h Foundation Course
    Less
    Estimated delivery
    7 backers
    £
    About $14
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  5. Select this reward

    Pledge £17 or more About US$ 22

    Early Eagle

    An upgrade from Early Bird where you get both the Foundation course, and the rest of the series for the lowest price possible.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    Less
    Estimated delivery
    Limited (10 left of 209) 199 backers
    £
    About US$ 22
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  6. Select this reward

    Pledge £19 or more About $25

    Full Monty

    Get both the Foundation course, and the rest of the awesome series.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    Less
    Estimated delivery
    22 backers
    £
    About $25
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  7. Select this reward

    Pledge £23 or more About $30

    Stimulus Pack

    Introducing Rick Davidson's highly-rated Finish It! course. Our students love the way this course helps them get focused and motivated to complete the task at hand.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    • Finish It! Course
    Less
    Estimated delivery
    65 backers
    £
    About $30
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  8. Select this reward

    Pledge £29 or more About US$ 38

    Get Statically Hosted!

    We have partnered with Eco Web Hosting, a UK-based carbon-neutral host to provide you with a great deal worth over £50 if bought separately.

    Get one year of Advanced hosting, with genuinely UNLIMITED storage and bandwidth - all with no impact on the environment.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    • Finish It! Course
    • 1y Eco Web Hosting
    Less
    Estimated delivery
    18 backers
    £
    About US$ 38
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  9. Select this reward

    Pledge £47 or more About $61

    Get Dynamically Hosted

    Huge thanks to Scalingo.com for generously offering one year of their medium container, worth over £150. This is will allow you to host your Node.js sites in a fast, scalable and global way.

    Furthermore, this year starts from when you first use it, so you can study and code at your own pace.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    • Finish It! Course
    • 1y Eco Web Hosting
    • 1y Scalingo Medium
    Less
    Estimated delivery
    22 backers
    £
    About $61
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  10. Select this reward

    Pledge £127 or more About $165

    Q1 2019 Hangouts

    Join Ben (and sometimes Sam) on a series of weekly Google Hangouts during Jan-Mar 2019.

    Here you get to ask your questions, show-off your project, and generally get the one-to-one attention you deserve.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    • Finish It! Course
    • 1y Eco Web Hosting
    • 1y Scalingo Medium
    • Live Google Hangouts
    Less
    Estimated delivery
    Limited (95 left of 97) 2 backers
    £
    About $165
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  11. Select this reward

    Pledge £307 or more About $399

    Lifetime Membership

    It's been our tradition to offer lifetime membership during Kickstarters, and we're continuing that tradition here.

    Join over 984 existing lifetime members in their exclusive forum and chat lounges, and get access to all our past and future courses in both game and web development!

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    • Finish It! Course
    • 1y Eco Web Hosting
    • 1y Scalingo Medium
    • Live Google Hangouts
    • All Courses Ever
    Less
    Estimated delivery
    Limited (44 left of 47) 3 backers
    £
    About $399
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.
  12. Select this reward

    Pledge £499 or more About $648

    Super Sponsor

    Get everything above, plus direct access to Ben and Sam on Slack to get your questions answered.

    You will also be credited by name or company in the course, as being one of our highest-tier supporters.

    Includes:
    • 10h Foundation Course
    • All Courses In Series
    • Finish It! Course
    • 1y Eco Web Hosting
    • 1y Scalingo Medium
    • Live Google Hangouts
    • All Courses Ever
    • Super Sponsor Credits
    Less
    Estimated delivery
    Limited (3 left of 7) 4 backers
    £
    About $648
    Kickstarter is not a store.

    It's a way to bring creative projects to life.

    Learn more about accountability.