Gain insights into modern PHP by delving into POST requests, forms, sessions, and redirects to build a CRUD app with authentication, focusing on pure PHP without frameworks.

Learn PHP Without a Framework by Matthias Noback.png

php-setup.tar.gz

php-job

php-favi

php-pub

php-public

php-error

php-mult

php-tests

PHP for the Web is a terrific introduction on how to use modern PHP effectively. While there is a lot of material out there about building applications with PHP, most of them focus on using a framework like Laravel or Symfony. By working with pure PHP, you will be able to focus on the core ideas instead of how a particular framework implements them.

In this course, you will learn how to use multiple web technologies like POST requests, forms, sessions, and redirects to build a CRUD application with an authentication system.

By the end, you will have all the ingredients at your disposal to go out and build stunning, dynamic PHP web applications.

PHP for the Web: Learn PHP without a Framework

# Solution

Find the complete implementation of the challenge below. 

<?php
$title = $title ?? 'PHP for the Web';
?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title><?php echo htmlspecialchars($title, ENT_QUOTES); ?></title>
        <link rel="stylesheet" href="/bootstrap.min.css">
    </head>
<body>
<div class="container">
    <nav class="navbar navbar-expand-lg bg-light">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" href="/list-tasks">Tasks</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/create-task">Create task</a>
            </li>
            <?php
            if (isset($_SESSION['authenticated_user'])) {
                ?>
                <li class="navbar-text">
                    You are logged in as:
                    <?php echo $_SESSION['authenticated_user']; ?>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/logout">Log out</a>
                </li>
                <?php
            } else {
                ?>
                <li class="nav-item">
                    <a class="nav-link" href="/login">Log in</a>
                </li>
                <?php
            }
            ?>
        </ul>
    </nav>
<?php

import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import HelloWorld from './app';

var TestResult = function() {
    this.succeeded = false;
    this.reason = "";
    this.input = "";
    this.expected_output = "";
    this.actual_output = "";
}

export const executeTests = function() {

  var results = [];

  result = new TestResult();
  result.input = 'HelloWorld Component';
  result.expected_output = "span containing text 'Hello World'"

  let wrapper = shallow(<HelloWorld />);

  // Call your Challenge function here.

  let type = wrapper.type();
  let testSuccessful = true;
  let failureReason;

  if (type !== 'span') {
    testSuccessful = false;
    failureReason = "You need to render exactly one span HTML element";
  } else if (wrapper.props().children != "Hello World") {
     testSuccessful = false;
     failureReason = "You have rendered wrong message in your span element";
  }

  result.actual_output = wrapper.html();

  if (testSuccessful) {
    result.succeeded = true;
    result.reason = "Succeeded"
  } else {
    result.succeeded = false;
    result.reason = failureReason;
  }

  results.push(result);

  return results;
}


React

Dart

GoJS React

Typescript React

Vue.js

# Explanation

Let's break down the solution and analyze it.


## `_header.php` file

* From **line 14** to **line 19**, we added the links of the newly created pages to the navigation menu.


## `pages/create-task.php` file

* At **line 9**, we declared an array for form errors.
* From **line 13** to **line#15**, we normalized the request data.
* From **line 17** to **line 20**, we validated that the task is not empty.
* From **line 25** to **line 33**, we loaded the existing task data.
* From **line 35** to **line 38**, we added the task to the task data of a particular user.
* At **line 40**, we converted the task data to JSON and saved it to the `data/tasks.json` file.
* At **line 42**, we redirected the user to the `/list-tasks` page.
* From **line 51** to **line 64**, we added a form to create tasks.


Look at the solution for the challenge given in the previous lesson. 

Getting Started

Serving Resources

Serving PHP Scripts

Forms

Cookies

Sessions

Authentication

PHP Project Structure

CRUD Part 1: Create

CRUD Part 2: The Rest

File Uploads

Error Handling

Automated Testing

Conclusion

Project Solution: Create and List Tasks

Solution

Explanation

`_header.php` file

`pages/create-task.php`

Project Solution: Create and List Tasks

Solution

Explanation

_header.php file

pages/create-task.php

`_header.php` file

`pages/create-task.php`