YourAppURL

Replace the value you are getting underneath the app above.

The ultimate guide to web development interviews. Developed by FAANG engineers, practice with real-world interview questions covering network security, system design, SEO, APIs, and more.

oct6.tar.gz

server

JavaScript

Grunt

webpack

webpack-loaders

Grunt-eslint

ProgressiveRendering

webpack-code-splitting

This course compiles a comprehensive range of questions that are most likely to be asked during the frontend interview. Where many interview prep courses focus on data structures and algorithms, this course focuses on a variety of topics from network security to system design.

In this course, you will solve interview questions that cover general aspects of web development. You’ll start by going over network security and optimization techniques for load balancing and browser rendering. After that, you’ll move on to interview questions around SEO, APIs, and system design.

Overall, these are questions that are often overlooked, but they can really make you stand out from your peers. By the end of this course, you will have the confidence and ability to go in and ace that interview.

Web Development Interview Handbook

You need a `package.json` and `Gruntfile.js` to run tasks with Grunt. 
# The `package.json`
This file has a list of all the required dependencies, including Grunt.


# The Gruntfile
The `Gruntfile` is where you'll write some actual code to run tasks. It can:

- Configure tasks.
- Load plugins. Plugins are used to run ‘prebuilt’ Grunt tasks. Check out our [plugins](https://www.educative.io/courses/web-development-interview-handbook/running-prebuilt-tasks-with-grunt) lesson to learn more about these.
- Register which tasks need to be run.

# Running custom tasks
To run a custom task with Grunt, you need:
1. A JavaScript function that does the task
2. A name to identify the task


Let’s take a simple example. Suppose you just want to print the phrase, “a simple task.” The supplied JavaScript function would look like:


```js
function(){
  console.log("a simple task");
}
```
Whereas the identification name can be anything we want. Let’s say we choose to name it ‘simple.’

## `grunt.registerTask()`

To actually run these, you'd supply both of these items to the function `grunt.registerTask()` in the `Gruntfile`, like so:

```javascript
grunt.registerTask('simple', function(){
  console.log("a simple task");
});
```

Finally, you’d wrap these in the wrapper function `module.exports = function(grunt){}` and put them in the `Gruntfile`.

Run the following example and enter `grunt simple` to see our task run:


Run custom tasks with Grunt in this lesson!

Introduction

Network

Security

Optimizing Loading Performance

Optimizing Browser Rendering Performance

Search Engine Optimization

System Design

APIs

Testing

Version Control

Task Runners & Bundlers

Conclusion

Running Custom Tasks With Grunt

The `package.json`

The Gruntfile

Running Custom Tasks With Grunt

The package.json

The Gruntfile

The `package.json`