Migrated to Bootstrap 4.

.gitignore

@@ -4,4 +4,5 @@
 /node_modules
 
 /public/application.min.css
+/public/application.min.css.map
 /public/application.min.js

Gruntfile.js

@@ -1,14 +1,18 @@
+var sass = require('node-sass');
+
 module.exports = function(grunt)
 {
 
     grunt.initConfig({
-        less: {
+        sass: {
             development: {
                 options: {
+                    implementation: sass,
                     compress: true,
+                    sourceMap: true
                 },
                 files: {
-                    'public/application.min.css': 'src/stylesheets/application.less'
+                    'public/application.min.css': 'src/stylesheets/application.scss'
                 }
             }
         },
@@ -26,8 +30,8 @@ module.exports = function(grunt)
         },
         watch: {
             css: {
-                files: ['src/**/*.less'],
-                tasks: ['less'],
+                files: ['src/**/*.scss'],
+                tasks: ['sass'],
             },
             js: {
                 files: ['src/**/*.js'],
@@ -36,11 +40,11 @@ module.exports = function(grunt)
         },
     });
 
-    grunt.loadNpmTasks('grunt-contrib-less');
+    grunt.loadNpmTasks('grunt-sass');
     grunt.loadNpmTasks('grunt-contrib-uglify');
     grunt.loadNpmTasks('grunt-contrib-watch');
 
-    grunt.registerTask('build', ['less', 'uglify']);
+    grunt.registerTask('build', ['sass', 'uglify']);
     grunt.registerTask('default', ['build', 'watch']);
 
 };

README.md

@@ -1,19 +1,19 @@
-An introduction to Frontend for beginners
-=========================================
+An introduction to Frontend
+===========================
 
-Welcome to **An introduction to Frontend for beginners**.
+Welcome to **An introduction to Frontend**.
 
 The course covers:
 
 - HTML, CSS and Javascript basics
 - DOM manipulation with [Vanilla JS](http://vanilla-js.com/) and [jQuery](https://jquery.com/)
-- Quickly prototyping (e.g. [Twitter Bootstrap](http://getbootstrap.com/))
+- Quickly prototyping (e.g. [Twitter Bootstrap](https://getbootstrap.com/))
 - Dependency management with [NPM](https://www.npmjs.com/)
 - Task runner (e.g. [Grunt](https://gruntjs.com/))
-- CSS preprocessor (e.g. [Less](http://lesscss.org/))
+- CSS preprocessor (e.g. [Scss](https://sass-lang.com/))
 
-[Here](https://marcomontalbano.github.io/an-introduction-to-frontend-for-beginners) you can find what my course aims to create.
+[Here](https://marcomontalbano.github.io/an-introduction-to-frontend) you can find what my course aims to create.
 
 All slides have been prepared and used by me while teaching a course on Frontend basics and are available on speakerdeck.
 
-[https://speakerdeck.com/marcomontalbano/an-introduction-to-frontend-for-beginners-2018-edition](https://speakerdeck.com/marcomontalbano/an-introduction-to-frontend-for-beginners-2018-edition?id=d11566e93e004b138845e4985c332721&ratio=1.77777777777778)
+[https://speakerdeck.com/marcomontalbano/an-introduction-to-frontend-2019-edition](https://speakerdeck.com/marcomontalbano/an-introduction-to-frontend-2019-edition)