
Discover grunt’s build system for multi-language code, automated preprocessing, and testing, alongside coffee script and sockets for real-time communication with socket.io.
Learn to automate development and production builds with Grunt and cssmin. Build a test project with JS and CSS files, install Grunt, and configure tasks to minify and concatenate assets.
Learn to configure a grunt uglify task to minify JavaScript, using development and build subtasks, with files objects, expanded file structures, and optional source maps for optimized output.
Create a custom Grunt task by registering a unique task name with an array of subtasks, then run Grunt build to execute build and development tasks in one call.
Set up a grunt watch workflow to automatically run build tasks when files change, triggering development tasks, minification, and mapping to produce production-ready files.
Explore CoffeeScript, a JavaScript preprocessor, using whitespace and indentation to declare variables and objects, with automatic last-line return and compile to JavaScript via Grunt or watch.
CoffeeScript shortens if statements by automatically creating strict comparisons. It uses is instead of equals, and, isn’t, not, or, and whitespace syntax to define blocks.
Discover the ternary operator and shorthand conditional assignments in CoffeeScript, showing how output can be A if true, else B, and compare with plain if statements for readability.
Explore how to implement for loops in javascript-like syntax, showing how to iterate over a foods array, console log each item, and optionally access the index with a second iterator.
Explore comments, strings, and interpolation in coffee script, including single-line hash comments, triple-hash multiline strings, and curly-brace variable insertion, with string concatenation and preprocess grunt.
Explore real-time communication with sockets that keep an open client-server connection for live data exchange. Learn to integrate socket.io into express applications using both server-side and client-side components.
Scaffold a basic express application, install dependencies, and set up a socket server inside the project. Declare a socket IO variable and listen on ports 3000 and 4000.
Set up socket event handlers for connections, emit a hello message back to the newly connected client, and enable a client-server handshake with simple heartbeat messages.
Learn how to integrate ajax and sockets by pairing express with a socket server, enabling real-time client-server communication and broadcasting messages to specific clients.
Conclude the advanced backend web development course by celebrating the completion of the module, emphasizing continued learning through a full stack javascript bootcamp and career-ready connections.
In this course we examine several technologies. The first is Grunt. Grunt is a task runner which is a way for us to implement a build system to handle writing our code in different languages, preprocessing, minifying our code, and doing unit testing -- all automated. We’ll also take a look at Coffeescript, which is a preprocessor for Javascript. It follows a lot of similar structures to Python and is very, very popular.
Finally, we’ll discuss Sockets. Sockets are a way for us to open a constant connection between the server and the client. Normally when you make a request, the request goes up and then comes down with the data. With a socket, that request goes up and stays open, allowing the server to send data whenever it wants and the client to send data whenever it wants.
So, we can make real time applications using sockets and we’ll take a look at how to implement a very simple system using socket IO.
Course Includes:
What You'll Learn: