Did you know you could use Grunt and LESS to automate the conversion pre-process style sheet languages to CSS? In this Node.js tutorial, Alex Banks shows you how to use LESS to create variables, reuse style classes, and execute advanced logic in CSS.
- One of the things that we need to do as web developers…is pre-process style sheet languages into CSS.…CSS by itself doesn't support any programming functionality…so there are languages like LESS and Sass and SCSS…that we could use to get some…higher functionality out of our style files.…Let's go ahead and take a look at our exercise files,…and in Chapter 11 Lesson Two under the start file,…you will notice that in the public folder,…we no longer have a CSS folder.…
We only have an index.html file.…Now this index.html file is looking…for a style sheet that is in the CSS foler,…but that style sheet needs to be produced.…We are going to go ahead and produce…that style sheet from a LESS style sheet.…So if I look under the LESS folder,…I have the actual LESS syntax here…that needs to be converted into regular CSS.…Let's go ahead and install a plugin…that will allow us to convert LESS to CSS.…So let's navigate to our terminal, and in our project,…we also want to install grunt-contrib-less.…
And I will save that to our dev dependencies.…
Alex Banks shows how to install Node.js on a Mac or PC and work with the Node.js core: the global object, event loop, http module, and file system. Then he covers reading and writing data, streaming data, making http requests, and working with the node package manager (npm). In the final chapters, he shows how to start sessions on web servers, communicate with web servers and clients with WebSockets, use the Express framework to develop applications, and test and debug Node.js code. Want to speed up your Node.js workflow? Check out the tutorials on automating tasks with Grunt and npm scripts.
- What is Node.js?
- Installing Node.js
- Understanding the global object and global timing
- Importing the core modules
- Handling events
- Creating child processes
- Reading, writing, and removing files
- Working with file streams
- Making http requests
- Serving files and JSON data
- Installing npm, the node package manager
- Working with Express, the web server framework
- Using WebSockets
- Testing and debugging Node.js code
- Working with Grunt and Browserify
- Automating tasks with npm scripts
Skill Level Intermediate
Q: This course was updated on 09/06/2017. What changed?
A: New videos were added that cover upgrading Node. In addition, the following topic was updated: debugging with npm.
1. What Is Node.js?
2. Installing Node.js
3. Node Core
4. Node Modules
5. The File System
6. The HTTP Module
7. Node Package Manager
Installing npms locally4m 4s
8. Web Servers
Creating a WebSocket server8m 30s
10. Testing and Debugging
11. Automation and Deployment
Next steps2m 4s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.