A full-stack developer needs knowledge of both front-end languages like HTML, CSS, and JavaScript to build the user interface, as well as back-end languages like PHP and Python for the behind-the-scenes functionality. Static websites are basic and deliver fixed information through one or two pages, while dynamic websites can be more expensive to create but offer advantages like letting users upload content. All websites share a common structure with a header, body, and footer, though pages may have different designs.

1. Introduction to web
development
Notes from SMC Algeria workshop
Oussama Lazreg
With By: Houria Bouchagour

2. What did we learn
about websites ?

3. FULL-STACK
LANGUAGESA
STATIC vs DYNAMIC
Website B
WEBSITE
STRUCTUREC

4. A. Full-stack developer should
have knowledge of both
front-end and back-end
languages:

5. <P1> Front-end: the visible parts of websites that users see and
interact with. we need to learn the following languages to build the
front-end: </P1>
<ol>
<li> Html (hypertext markup language): which is the backbone
of the Web, takes care of all the structure and content. </li>
<li> CSS (cascading style sheets): we can set colors, fonts,
background images, and the way the page is laid out.</li>
<li> JavaScript: to add more complex actions,
animations... </li>
</ol>

6. <P2> Back-end: this is the “under the hood” parts of
websites that users don’t interact with directly. Back-end
languages include:</P2>
<ol>
<li>PHP</li>
<li>Python</li>
</ol>

7. B. Static vs dynamic websites,
what’s the difference?
<P3> Static website looks basic and for smaller company
or events, and simply delivers information usually in one to
two pages no more, quick and cheap to develop and cheap to
host </P3>

8. <P4> In the other hand dynamic websites can be more
expensive to develop, but it has more advantages.
(for ex: ability for users to upload documents, create
content or add information, discussions, e-commerce
system…) </P4>

9. C. Website structure
Header
Body
Footer
Web pages can look
different from one
another, but they all share
similar standard
components, from the
header, body and footer.

10. Well…
- Steve Jobs-