Web Development

I actually created a CSS only clock just to see if I could do it. But although it worked, it was calculating the seconds which was not accurate at all 😁 So, I created a MOSTLY CSS Clock… Which you can see on CodePen.io → https://codepen.io/jessicabrown1028/pen/RNbeKEd This clock, which honestly is nothing fancy, just some basic CSS, basic HTML, and stupid JavaScript to get your local time and sync the seconds… Pfft! @import url("https://fonts.cdnfonts.com/css/lcd"); /* Retro Digital Font */ body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #1d1e22; } .clock { width: 250px; height: 250px; border-radius: …

Oh yeah, it can be done. A long time ago (2018ish), I challenged myself to create a FizzBuzz in every language I know. Honestly, this was easier than I expected. Take a look at it on my CodePen: https://codepen.io/jessicabrown1028/pen/ZMagPo Here is the code: CSS: body { counter-reset: fizzbuzz; background-color: #1D1E22; width: 300px; margin: auto; } div { width: 75px; height: 25px; border-radius: 5px; border: 1px solid #ddd; margin: 10px 10px 0px 0px; padding: 5px; text-align: center; float: left; display: flex; flex-flow: row wrap; } div:after { color: bisque; content: counter(fizzbuzz); counter-increment: fizzbuzz; …

SQL (Structured Query Language) is a domain-specific language used for managing and querying data in relational database management systems (RDBMS). It allows users to interact with data through retrieval, insertion, updating, and deletion, making it an essential tool for data management and analysis. What is SQL Best Used For? Managing and querying structured data in relational databases. Building and managing data-driven applications. Creating reports, dashboards, and analytical insights. Performing complex joins, aggregations, and data transformations. Example SQL Query This example demonstrates variables (logical conditions), a…

PHP (Hypertext Preprocessor) is a widely-used, open-source scripting language especially suited for web development. It powers millions of websites and web applications, from simple blogs to complex content management systems like WordPress and Drupal. What is PHP Best Used For? Creating dynamic web pages and server-side applications. Developing content management systems (CMS) and e-commerce platforms. Handling server-side form data and managing sessions. Building APIs and backend services. Example PHP Script This example demonstrates variables, a loop, and output. <?php // Declare variables $greeting = "Hello, PHP Programme…

JavaScript is a lightweight, interpreted programming language primarily used to create dynamic and interactive web pages. It is one of the core technologies of the web, alongside HTML and CSS. JavaScript is versatile, running both on the client-side (in browsers) and server-side (using platforms like Node.js). What is JavaScript Best Used For? Adding interactivity and dynamic content to web pages. Building modern web applications with frameworks like ReactJS, Vue, or AngularJS. Creating server-side applications with Node.js. Developing cross-platform mobile and desktop applications. Example JavaScript Code This example demonstrates…

HTML (HyperText Markup Language) is the standard language for structuring web content. It forms the backbone of web pages, defining the structure and layout of elements like text, images, and links. HTML is often used with CSS and JavaScript to create dynamic and visually appealing websites. What is HTML Best Used For? Structuring web content (text, images, videos, links). Creating web forms for user input. Laying the foundation for websites and web applications. Working in tandem with CSS and JavaScript for styling and interactivity. Example HTML Code This example demonstrates variables (using a template-like structure), a loop-li…

Elixir is a dynamic, functional programming language designed for building scalable and maintainable applications. Running on the Erlang VM (BEAM), Elixir excels at handling concurrent and distributed systems, making it a popular choice for web development and real-time applications. What is Elixir Best Used For? Developing scalable and fault-tolerant systems. Building real-time applications like chat systems or multiplayer games. Handling concurrent and distributed systems efficiently. Creating maintainable, functional codebases with modern syntax. Example Elixir Script This script demonstrates variables, a loop, and output. # …

CSS (Cascading Style Sheets) is a language used to style and layout web pages. It controls the visual appearance of HTML elements, including colors, fonts, spacing, and animations. CSS makes websites visually appealing and responsive. What is CSS Best Used For? Styling web pages and user interfaces. Creating responsive layouts for various screen sizes. Implementing animations and transitions for interactive elements. Managing themes and design consistency across web applications. Example CSS Code This example demonstrates the use of CSS variables, an animation loop (via keyframes), and visual output. /* Declare variables */ :roo…