Learn about Sass and how to use it with Node and Express with the node-sass-middleware package.
- [Instructor] To improve the display of our contests,…off camera I added a little bit of CSS here to make it…look a little bit better.…I'm not a designer, and I don't claim to be,…but this certainly looks a little bit better.…Here's what I did, I gave the category name a class,…and I gave the contest name a class,…and I added this simple CSS here.…Now, I have not persisted this CSS yet,…so let's go ahead and do that.…Let me create a new file and paste the CSS in here,…and what I want to do is, I want to use Sass, because I think…it has a lot more power that the CSS.…
For example, in our simple CSS, this is actually nested…instead of doing .ContestPreview every time, I can go ahead…and nest this calling here, which allow me to get rid of…this duplication here, but this is not valid CSS,…this is Sass, so the browser is not going to understand it.…So, I'm going to take this Sass code,…and save it as a Sass file.…Let's introduce a new directory here,…call this directory Sass.…Now we'll put any Sass styles inside this directory.…
- Configuring webpack and Babel
- Working with native Node modules
- Creating an Express server
- Working with React components and JSX
- Loading and working with test mock data
- Fetching data from a remote API
- Working with data in MongoDB
- Isomorphic rendering on the server
- Front-end routing and back-end routing
Skill Level Intermediate
Building a Website with Node.js and Express.jswith Ray Villalobos3h 16m Intermediate
MEAN Stack and MongoDB Development Techniqueswith Alexander Zanfir1h 48m Intermediate
Up and Running with ECMAScript 6with Eve Porcello1h 18m Beginner
1. Getting Started
2. Node as a Web Server
3. React Basics
4. Working with Data
5. Rendering on the Server
Fix the checksum problem6m 11s
6. Routing on Client and Server
7. Working with MongoDB
- 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.