Computer Programming 3 - Discussion 2 (1) PDF

3 Types of Web Developer  1. Front-End Development: The “Visible Part” (Client-Side) Front-end development is all about what you see on a website or app —the layout, colors, buttons, text, images, animations, and how things move or respond when you interact. Goal: To make websites...

3 Types of Web Developer  1. Front-End Development: The “Visible Part” (Client-Side) Front-end development is all about what you see on a website or app —the layout, colors, buttons, text, images, animations, and how things move or respond when you interact. Goal: To make websites look good, feel interactive, and be easy to use. Technologies Used: HTML: Adds structure to the content (headings, paragraphs, images). CSS: Styles the content (colors, fonts, layout). JavaScript: Makes things interactive (like clicking a button to show/hide content). Common Framework Tools: React, Angular, and Vue are popular front- end frameworks that help make websites interactive and responsive.  2. Back-End Development: The “Invisible Part” (Server-Side)  Back-end development powers the parts of the website you don’t see. Critical for functionality but not visible from the outside. Goal: To handle data storage, business logic, security, and server configuration. Example: When you log into a website, the back end verifies your credentials, checks if your username and password are correct, and then lets you access your account. Technologies Used: Programming Languages: Python, Java, PHP, Ruby (to handle the server’s logic). Databases: MySQL, MongoDB, PostgreSQL (to store and manage data like user accounts, content, and settings). Frameworks: Express (Node.js), Django (Python), ASP.NET (C#), and Spring (Java) help organize and structure the code.  3. Full-Stack Development: Both Front-End and Back-End  Full-stack development means handling both the front end (what users see) and the back end (behind-the-scenes logic and data storage).  Goal: To create entire, working web applications, from the design to data management. A full-stack developer could build a blog site where they set up the layout, style, and interactions (front end) and also set up the database to store articles and comments, plus handle user login (back end). Technologies Used: Full-stack developers are skilled in a combination of front-end and back-end technologies and may use frameworks like Node.js (JavaScript) for both client and server parts.  FRAMEWORK  A back-end framework is essentially a toolkit or a library that developers use to simplify the process of building and managing the back end (server-side) of an application. Here’s a breakdown of what frameworks are, why they’re used, and their core components.  A back-end framework is a collection of pre-written code, templates, and libraries that help developers build and maintain the server-side of web applications. It automates and abstracts common tasks - Handling requests from the front end - Managing databases - Implementing security measures - Structuring an application’s architecture  HTML  HTML (HyperText Markup Language) is used to structure content on the web. You’ll define elements like headings, paragraphs, links, images, forms, and more. Start by creating a simple HTML file: My First Web Page Hello, World! This is my first webpage using HTML. HTML ATTRIBUTES Continuation of Attributes  HTML TAGS Tags are the fundamental building blocks of HTML that define the structure and content of a web page. They are enclosed in angle brackets < > and often come in pairs: an opening tag (e.g., ) and a closing tag (e.g., ). Continuation of tags