html-foundation/blog-three.html at main · marcgregory/html-foundation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
    <title>Understanding Web Framework</title>
  </head>
  <body>
    <header>
      <h1>Marc Gregory Turno</h1>
      <nav>
        <ul>
          <li><a href="index.html">HOME</a></li>
          <li><a href="blog-one.html">BLOG 1</a></li>
          <li><a href="blog-two.html">BLOG 2</a></li>
          <li><a href="blog-three.html">BLOG 3</a></li>
        </ul>
      </nav>
    </header>
    <article>
      <header>
        <h2>Understanding Web Framework</h2>
        <p>Posted by <strong>Marc Gregory Turno</strong></p>
      </header>
      <h3>What is a Web Framework</h3>
      <p>
        A <strong>web framework</strong> is basically a set of tools and
        libraries that help developers build web applications faster and more
        efficiently by providing a structured way to organize code and handle
        common tasks.
      </p>
      <p>
        It is like having pre-made blueprints, power tools, and a team of
        subcontractors — so you don't have to build everything from scratch with
        hand tools and raw materials.
      </p>
      <h3>What does a web framework typically help with?</h3>
      <ul>
        <li>
          <strong>Routing:</strong> Handling URLs and deciding what code runs
          when a certain URL is accessed.
        </li>
        <li><strong>Templating:</strong> Generating HTML pages dynamically.</li>
        <li>
          <strong>Database interaction:</strong> Making it easier to connect to,
          query, and manage a databas
        </li>
        <li>
          <strong>Security:</strong> Managing authentication, authorization, and
          protection against attacks like CSRF or SQL injection.
        </li>

        <li>
          <strong>Request/Response handling:</strong> Managing how data is sent
          and received between the client (browser) and the server.
        </li>
      </ul>
      <h3>Example Web Frameworks:</h3>
      <p><strong>For JavaScript:</strong></p>
      <ul>
        <li>
          <strong>React:</strong> A library for building user interfaces, often
          used for single-page applications.
        </li>
        <li>
          <strong>Angular:</strong> A platform for building mobile and desktop
          web applications.
        </li>
        <li>
          <strong>Vue.js:</strong> A progressive framework for building user
          interfaces.
        </li>
      </ul>
      <p><strong>For Phyton:</strong></p>
      <ul>
        <li>
          <strong>Django:</strong> A high-level Python web framework that
          encourages rapid development and clean, pragmatic design.
        </li>
        <li>
          <strong>Flask:</strong> A lightweight WSGI web application framework.
        </li>
        <li>
          <strong>Pyramid:</strong> A lightweight and flexible Python web
          framework.
        </li>
      </ul>
      <p><strong>For PHP:</strong></p>
      <ul>
        <li>
          <strong>Laravel:</strong> A web application framework with expressive,
          elegant syntax.
        </li>
        <li>
          <strong>Symfony:</strong> A set of reusable PHP components and a web
          application framework.
        </li>
        <li>
          <strong>CodeIgniter:</strong> A powerful PHP framework with a small
          footprint.
        </li>
      </ul>
    </article>
    <footer>
      Copyright &copy; 2030 Marc Gregory Turno. All Rights Reserved.
    </footer>
  </body>
</html>