TECNOLOGÍAS WEB 1_CONCEPTOS BÁSICOS

Introduction to Web Technologies

Basic Concepts for Web Development

• The session aims to provide foundational knowledge essential for developing web pages using HTML and CSS. This serves as a prerequisite for deeper exploration into web development.

• It begins with an overview of web browsers, which are pre-installed on all operating systems, highlighting their importance in the development process.

Recommended Browsers for Development

• For effective web development, it is recommended to use updated versions of Mozilla Firefox or Chrome. Safari is also suitable for Mac users as it comes pre-installed.

• Mozilla Firefox is particularly favored due to its developer-friendly tools and support from the Mozilla Foundation, which advocates for user rights and open web development.

Additional Tools Offered by Firefox

• Firefox provides various tools beyond basic browsing, such as:

• Monitor: Analyzes databases to check if personal credentials have been compromised.

• Logwise: A secure password manager that allows safe storage of passwords across different services.

• Pocket: A tool for saving URLs and articles for later reference across devices.

Choosing the Right Editor

Importance of Text Editors in Web Development

• While basic text editors like TextEdit or Notepad can be used, they are not ideal; specialized code editors are recommended to assist with syntax and reduce errors during coding.

• Popular code editors include Atom, Sublime Text, and Brackets; these offer features that enhance coding efficiency and accuracy.

Focus on Brackets Editor

• The session emphasizes using Brackets due to its user-friendly interface and dynamic preview feature that allows real-time viewing of changes made in the code. Users can easily see how their webpage evolves as they save their work.

Understanding URLs

Structure of a URL

• URLs (Uniform Resource Locators) serve as unique addresses referencing web resources such as webpages or articles; understanding their structure is crucial in web development.

• A typical URL includes:

• Protocol: Indicates how resources are accessed (e.g., HTTPS). Secure protocols like HTTPS are preferred over non-secure ones (HTTP).

• Domain Name: Represents the website's identity (e.g., "archive" in archive.org), followed by a top-level domain (TLD) like ".org". TLD indicates the nature of the organization behind the site (e.g., non-profit).

Domain Ownership Considerations

• Each domain must be unique and available for registration; choosing a domain name is one of the most critical decisions when establishing a website presence online.

Client-Server Concept

Basics of Client-Server Architecture

• Understanding client-server architecture is fundamental in grasping how websites operate; this concept describes how clients request resources from servers hosting those resources, forming the backbone of internet functionality.

Understanding Web Hosting and Domain Registration

The Basics of Web Accessibility

• Pages developed on personal computers are not publicly accessible unless hosted on a server connected to the internet.

• Clients, including desktops, laptops, and mobile devices, access web pages via browsers that connect to servers—essentially other computers online 24/7.

Client-Server Architecture

• In this model, the client (browser) requests web pages from a web server that is always online. The server responds by delivering the requested content back to the browser.

• Understanding this client-server structure is crucial as it frequently appears in discussions about web technology.

Introduction to Hosting Services

• Hosting refers to storing websites on servers so they can be accessed online. Various companies provide hosting services for a fee.

• Costs associated with hosting include domain registration fees and storage fees, which can be billed monthly or annually.

Domain Types and Registration

• Domains come in various types (.com for businesses, .org for non-profits, .net for services), each serving different purposes.

• A domain must be available (not already registered) before it can be purchased; registrars help check availability.

Subdomains and Extensions

• Once a primary domain is acquired, subdomains can be created at no additional cost (e.g., project.domain.com).

• There are numerous top-level domains (TLDs), including country-specific ones (.es for Spain), allowing creativity in naming.

Recommendations for Choosing a Domain Name

• Brainstorming sessions involving all stakeholders can yield diverse ideas related to the project's name.

• Choose descriptive names that reflect the website's purpose while ensuring they are memorable and unique.

Additional Considerations in Domain Selection

• Check if your desired domain is available through registrars; if not, consider contacting current owners only if it's essential.

• Ensure that your chosen domain aligns with potential branding needs and social media handles relevant to your project.

Choosing the Right Domain and Hosting

Importance of Domain Selection

• Avoid complex domain names that are hard to pronounce; consider how it translates in other languages.

• Ensure the domain name is easy to communicate without needing to spell it out or complicate discussions.

Gathering Feedback on Domain and Hosting Choices

• Seek opinions from various people, including experts, to assess the impact of your choices on communication strategy.

• When selecting hosting, ensure compatibility with WordPress for dynamic website management.

Key Considerations for Hosting

Number of Domains

• Determine how many domains can be hosted; some plans allow multiple domains while others restrict you to one.

Storage Needs

• Assess storage requirements based on content type (text vs. images/videos); this affects pricing and performance.

Bandwidth Requirements

• Understand bandwidth limitations; choose between limited or unlimited options based on expected traffic.

Email Hosting Capabilities

• Check if email hosting is included with your plan for corporate email using your domain.

Support Options Available

• Evaluate support services offered (email, tickets, phone); higher levels of support typically come at a greater cost.

Types of Hosting Explained

Dedicated Server

• A dedicated server provides complete control over an entire machine's resources but comes at a higher cost.

VPS (Virtual Private Server)

• A VPS simulates a dedicated server within a shared environment, offering more flexibility at a lower price point than dedicated servers.

Shared Server

• Shared hosting involves multiple clients sharing resources on one machine; it's economical but may lead to slower performance due to resource competition.

Recommendations for Beginners

• Shared hosting is often recommended for beginners due to its affordability and sufficient capabilities for starting projects.

Cloud Services as an Alternative

• Cloud services allow you to pay only for specific resources needed (e.g., storage, CPU), providing scalability based on usage patterns.

Scaling Projects Effectively

• Consider cloud solutions when anticipating rapid project growth or fluctuating resource needs; they offer flexibility in scaling up or down as required.