First Laravel application - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a new Laravel route that returns a welcome view.

Laravel

Route::[1]('/', function () {
    return view('welcome');
});

Drag options to blanks, or click blank then click option'

Aput

Bpost

Cget

Ddelete

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'post' instead of 'get' for a route that shows a page.

Confusing HTTP methods for simple page routes.

The 'get' method defines a route that responds to HTTP GET requests, which is typical for displaying pages.

2fill in blank

medium

Complete the code to create a controller named HomeController using Artisan command.

Laravel

php artisan make:[1] HomeController

Drag options to blanks, or click blank then click option'

Acontroller

Bmigration

Cmodel

Dseeder

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'make:model' instead of 'make:controller'.

Confusing migrations or seeders with controllers.

The 'make:controller' command creates a new controller class in Laravel.

3fill in blank

hard

Fix the error in the route definition to call the index method of HomeController.

Laravel

Route::get('/home', [HomeController::class, '[1]']);

Drag options to blanks, or click blank then click option'

Aindex

Bshow

Ccreate

Dstore

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'show' which usually displays a single item.

Using 'create' or 'store' which are for forms and saving data.

The 'index' method is conventionally used to show the main page or list in a controller.

4fill in blank

hard

Fill both blanks to return a view named 'dashboard' from the controller method.

Laravel

public function index() {
    return [1]('[2]');
}

Drag options to blanks, or click blank then click option'

Aview

Bredirect

Cdashboard

Dhome

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'redirect' instead of 'view' to return a page.

Using wrong view names like 'home' instead of 'dashboard'.

The 'view' helper returns a view, and 'dashboard' is the name of the view to show.

5fill in blank

hard

Fill all three blanks to define a route that uses HomeController's index method and names the route 'home.index'.

Laravel

Route::[1]('/home', [HomeController::class, '[2]'])->name('[3]');

Drag options to blanks, or click blank then click option'

Aget

Bindex

Chome.index

Dpost

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'post' instead of 'get' for a page route.

Wrong method name or route name strings.

The route uses 'get' method, calls 'index' method of controller, and names the route 'home.index'.

Practice

1. What is the main purpose of the routes/web.php file in a new Laravel application?

easy

A. To configure server settings for deployment

B. To store database connection settings

C. To write CSS styles for the application

D. To define the URLs and what they should return when visited

Solution

1. Step 1: Understand the role of routes in Laravel

   Routes tell Laravel which URL should show which content or run which code.

2. Step 2: Identify what routes/web.php does

   This file is where you write those URL rules for web pages.

3. Final Answer:

   To define the URLs and what they should return when visited -> Option D

4. Quick Check:

   Routes = URL rules [OK]

Hint: Routes file maps URLs to responses [OK]

Common Mistakes:

• Confusing routes with database settings
• Thinking routes handle CSS or server configs
• Assuming routes are for backend logic only

2. Which command starts the built-in Laravel development server?

easy

A. php artisan serve

B. php serve artisan

C. php artisan start

D. php start artisan

Solution

1. Step 1: Recall the Laravel command to run the server

   The correct command is php artisan serve to start the local server.

2. Step 2: Check the options for correct syntax

   Only php artisan serve matches the exact command syntax.

3. Final Answer:

   php artisan serve -> Option A

4. Quick Check:

   Start server = php artisan serve [OK]

Hint: Remember: 'serve' runs the server in Laravel [OK]

Common Mistakes:

• Swapping command order
• Using 'start' instead of 'serve'
• Adding extra words in the command

3. Given this route in routes/web.php:

Route::get('/', function () {
    return 'Hello, Laravel!';
});

What will you see when you visit http://localhost:8000/ in your browser?

medium

A. A blank page

B. An error message

C. The text 'Hello, Laravel!'

D. A JSON object

Solution

1. Step 1: Understand the route definition

   The route listens for a GET request at '/' and returns the string 'Hello, Laravel!'.

2. Step 2: Predict the browser output

   Visiting the root URL will display exactly the returned string as plain text.

3. Final Answer:

   The text 'Hello, Laravel!' -> Option C

4. Quick Check:

   Route returns string = 'Hello, Laravel!' [OK]

Hint: Route returns string shown in browser [OK]

Common Mistakes:

• Expecting JSON or HTML page instead of plain text
• Thinking it shows an error or blank page
• Confusing route URL with different path

4. What is wrong with this route code in routes/web.php?

Route::get('/', function {
    return 'Welcome!';
});

medium

A. Missing semicolon after return statement

B. Missing parentheses after function keyword

C. Route method should be post, not get

D. The string should be in double quotes

Solution

1. Step 1: Check the function syntax

   Anonymous functions in PHP require parentheses even if no parameters are passed.

2. Step 2: Identify the syntax error

   The code misses parentheses after function, causing a syntax error.

3. Final Answer:

   Missing parentheses after function keyword -> Option B

4. Quick Check:

   Anonymous function needs () [OK]

Hint: Always add () after function for anonymous functions [OK]

Common Mistakes:

• Forgetting parentheses after function
• Thinking semicolon is missing after return
• Confusing HTTP methods get/post
• Believing string quotes cause error

5. You want to create a new Laravel route that returns the current year dynamically. Which code snippet correctly does this in routes/web.php?

hard

A. Route::get('/year', function () {
return date('Y');
});

B. Route::get('/year', function () {
echo "date('Y')";
});

C. Route::get('/year', function () {
return "Year is date('Y')";
});

D. Route::get('/year', function () {
return date(d);
});

Solution

1. Step 1: Use PHP date function correctly

   The date('Y') function returns the current year as a string.

2. Step 2: Return the year string properly in the route

   Using return date('Y'); inside the route's closure sends the year as response.

3. Step 3: Identify errors in other options

   The echo option outputs literal "date('Y')"; another returns literal "Year is date('Y')"; the last uses date(d) without quotes, returning the day of the month instead of the year.

4. Final Answer:

   Route::get('/year', function () { return date('Y'); }); -> Option A

5. Quick Check:

   Return date('Y') for current year [OK]

Hint: Use return with date('Y') inside route function [OK]

Common Mistakes:

• Using echo instead of return in route
• Forgetting quotes around 'Y' in date()
• Returning a string that does not evaluate PHP
• Confusing syntax for PHP date function