Building an Application with CoffeeScript

Build an app using CoffeeScript with one-third of javaScript code
1.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
27 students enrolled
Take This Course
  • Lectures 22
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

This video course provides invaluable insight into the practical usefulness of CoffeeScript, how it can simplify web development, and allow us to easily build web applications or re-factor existing ones.

From getting acquainted with CoffeeScript all the way to using it in production, this course focuses on the practical aspects of the language. You’ll get to see all it offers, such as the simplified syntax compared to JavaScript, the impressive build tools, and the possibilities to simplify your project structure.

You'll build an application while learning the specifics of the language and the many tricks CoffeeScript has up its sleeve. You will use JavaScript libraries to avoid ‘reinventing the wheel’, while inventing some wheels of our own in order to better understand some advanced concepts . We'll go through a really simple MVC framework that provides the basis of a simple document editing application that can export documents to the desktop (from the Web).

The app we’ll be building is fully extensible so you can easily make it your own. Want a note-taking app? We have you covered. Want to extend the app to something more? By all means, you'll have a skeleton app which you can revamp again and again to build various apps with CoffeeScript.

About the Author

Darko is a developer who likes to work on the experimental side of things and enjoys exploring programming in its various shapes and sizes. His current favorite is CoffeeScript, which he uses day-to-day, both on client and server-side via nodejs.

He is employed at MediaLab, a company working with various types of media, while taking part in different projects. His current obsession is functional programming, especially combinators and their practical usage.

What are the requirements?

  • This course covers the fundamentals of CoffeeScript with real-world examples and provides a practical step-by-step approach to building a web app. The course brushes up the basics, bringing you up to speed with all the essentials to building an app, and then dives in to creating the app and publishing it.

What am I going to get from this course?

  • Familiarize yourself with CoffeeScript
  • Use CoffeeScript for web app development
  • Get to know the build tools that come along with the language (Cake)
  • Build a simple framework for your application
  • Implement JavaScript libraries with CoffeeScript
  • Understand advanced concepts such as inheritance and polymorphism
  • Incorporate HTML5 APIs with CoffeeScript
  • Refactor your existing CoffeeScript code

Who is the target audience?

  • If you are a beginner JavaScript developer who wants to start learning CoffeeScript and give your project some structure, this course is for you. The course covers the basics of CoffeeScript and helps you build an app. The only prerequisite is to have a basic idea about application development.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: CoffeeScript 101

Introducing the viewer to CoffeeScript in a practical manner.


How to install CoffeeScript and compile files using it.


How to use Cake tasks instead of manually running compilation.

Section 2: Head-first Application Development

How to start a project with a maintainable structure instead of a spaghetti mess.


Using MVC in our project as opposed to using no structure.


How to avoid rewriting boilerplate code by using inheritance and polymorphism.

Section 3: The Storage Layer – Models and Data Persistence

Using abstractions to describe the data instead of using the storage directly.


Giving structure to our data instead of the unstructured approach.

Section 4: Routing and Views

Giving additional structure to our application.


Scripting actions and routes in the application.


Scripting the view behavior in our application.

Section 5: Interactions and Event Handling – Using JQuery with CoffeeScript

Gain a better understanding of the events in our application.


Adding proper isolation and separation of concerns to our app instead of using the tightly-coupled approach.

Section 6: Extending Our Application – Manipulating Stored Data

Add a way to organize data.


Add a quick way to look up data by category.


Add some common user experience patterns that are lacking in our app.

Section 7: Extending Our Application – Add an External Library

Extending our app with additional libraries.


Adding the rich text capability to our app instead of being limited to plain text.


Exporting documents instead of being constrained to the application.

Section 8: Publishing and Real-world Usage for Our Documents

More options for exporting instead of just PDF.


Continue developing the app and make it your own instead of using it as it is.


Introduce the option of publishing documents online.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course