From the course: Learning CoffeeScript
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Using realistic assets - CoffeeScript Tutorial
From the course: Learning CoffeeScript
Using realistic assets
So far, we've been working with a pretty bare-bones HTML page. We've created a pretty realistic workflow. But in the rest of the course, I wanted to use more realistic assets. Although this course is primarily about the basis of CoffeeScript syntax, I think it will be useful to see how it can be applied to real projects. So I've created this simple single page HTML document. You can see that it just has a few images, as well as a nice CSS layout that I developed in Sass. So let me go through this page and some of the changes that I had to make from just a very basic HTML document into a more realistic project. First of all, the index.html file is obviously more complex. It just has a lot more content than it used to. In addition to that, there's a special item right at the top of the page that is a div with an id of content. This is going to be my target. And right now, it's this headline right here. And I'm already pushing some things with CoffeeScript into it. So you'll see me do…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Basic CoffeeScript syntax7m 15s
-
(Locked)
Using realistic assets5m 24s
-
(Locked)
Understanding variables10m 11s
-
(Locked)
Dealing with array ranges4m
-
(Locked)
Working with conditional statements5m 2s
-
(Locked)
Using loops and comprehensions4m 14s
-
(Locked)
Adding basic functions2m 57s
-
(Locked)
Working with splats3m 28s
-
(Locked)
Using the switch statement2m 51s
-
(Locked)
Using aliases for "this" and other tidbits3m 57s
-
(Locked)
-