Armando's Portfolio

Technical Skills and Knowledge

Media On the Web

Here are two forms of media:

Image:

This image showcases a beautiful landscape. It is in JPEG format, a common image format for photographs. JPEGs use lossy compression, which reduces file size but may result in a slight loss of image quality. Ensuring images are appropriately compressed for optimal page loading speed is highly important.

Video:

The video file is in MP4 format, a popular format for web videos. MP4s offer good quality with relatively small file sizes. However, video files can significantly impact page loading times, so proper optimization is crucial.Video compression algorithms like H.264 are common for maintaining quality while reducing file size.

Optimizing media for web use is crucial for a fast-loading website. Consider the following:

• Choose appropriate formats: Use formats that balance quality and size, such as JPEG for images and MP3/MP4 for audio/video.
• Compression: Utilize compression techniques to reduce file size without compromising too much on quality.
• Lazy Loading: Implement lazy loading for images and videos to load them only when they come into the user's viewport.
• CDN Usage: Use Content Delivery Networks (CDNs) to serve media files from servers geographically closer to the user, improving loading speed.

The Interactive Web

PHP and JavaScript are powerful tools for creating interactive web pages. Let's delve deeper into each:

PHP - Server-Side Scripting

PHP (Hypertext Preprocessor) is a server-side scripting language widely used for web development. Key features include:

• Server-Side Execution: PHP code is executed on the server before the HTML is sent to the client's browser.
• Database Interaction: PHP can connect to databases, making it suitable for dynamic content generation.
• Forms and User Input: PHP can handle form submissions and user input, processing and validating data.

JavaScript - Client-Side Scripting

JavaScript is a versatile scripting language that runs in the browser. Key features include:

• Client-Side Execution: JavaScript code runs on the client's browser, enabling dynamic user interactions.
• DOM Manipulation: JavaScript can manipulate the Document Object Model (DOM), enabling dynamic changes to web pages.
• Event Handling: JavaScript responds to user events, such as clicks and form submissions, enhancing interactivity.

Example: A simple JavaScript script to toggle the visibility of a content section.

This example provides a glimpse into the capabilities of JavaScript for creating interactive and dynamic web pages.