webdev - CybAI news

22 Oct

Tim Berners-Lee : The Man Behind the Web

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, programming, software, webdev

The Man Behind the Web Sir Timothy John Berners-Lee was born on June 8, 1955, in London, England and is a British computer scientist credited with the invention of the World Wide Web. His work revolutionized the accessibility and sharing of information, thus making the internet an indispensable tool in life. Berners-Lee worked on the web in 1989 at CERN, which is the European Organization for Nuclear Research. His goal was to create a system to make it easy for scientists to share research papers and data effortlessly. This led to the creation of HTML, URL, and HTTP, which became…

21 Oct

Understanding PSR-12: The PHP Coding Style Guide

stp2y0 CommentsNewscoding, community, designpatterns, development, engineering, inclusive, php, software, webdev

If you’ve been developing with PHP for a while, you've likely encountered the term PSR-12. It’s one of the most widely accepted coding standards in the PHP community and is aimed at ensuring consistency in PHP codebases across different projects. Whether you're working solo or as part of a team, following PSR-12 can make your code cleaner, more readable, and easier to maintain. In this blog, we'll break down what PSR-12 is, why it's important, and how you can apply it in your projects. Table of Contents What is PSR-12? Why is PSR-12 Important? Key Rules of PSR-12 How to…

21 Oct

Understanding PHP Types – Booleans

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, php, programming, software, webdev

What is a Boolean? In PHP, a Boolean is a data type that can have only two values: true: Represents a positive or affirmative state. false: Represents a negative or false state. Boolean values are often used in conditional statements, comparisons, and logical operations. It is important to note that both true and false are case-insensitive. So, true, True, truE, TRUE are all valid. Creating Boolean Variables You can create a Boolean variable by assigning the values true or false directly: Example: <?php $isAvailable = true; // Boolean variable set to true $isLoggedIn = false; // Boolean variable set to…

20 Oct

Deploy a Static Astro Site on Railway

stp2y0 CommentsNewsastro, coding, community, deploy, development, engineering, inclusive, railway, software, webdev

Astro is a framework for building websites. Railway is a platform for hosting web apps. This guide shows you how you can host an Astro website on Railway. Prerequisites GitHub Account Railway Account Node.js Create Astro app On your local machine, create a new folder named 'my-app'. mkdir my-app Enter fullscreen mode Exit fullscreen mode Open my-app. cd my-app Enter fullscreen mode Exit fullscreen mode Create a package.json file and add the following: { "scripts": { "dev": "astro dev", "start": "astro dev", "build": "astro build", "preview": "astro preview" }, "dependencies": { "astro": "^4.16.5" } } Enter fullscreen mode Exit fullscreen…

19 Oct

I made a Component Library !

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, programming, software, webdev

After years of wondering, what to do in my life, I finally have reached to a notable conclusion, that I want to build a React component library, but how?The journey begins today itself with understanding what makes a component library invaluable to developers: it’s not just about functionality, but also about consistency, reusability, and elegance in design. Step 0: What make me different? There are many component libraries out there—Shadcn/UI, Material UI, Tailwind CSS—each bringing something valuable to the table. But what problem am I solving with my library? The answer lies in flexibility and instant feedback. Imagine the best…

19 Oct

NPM peerDependencies in Depth: A Comprehensive Introduction

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, node, npm, software, webdev

As Javascript developers, we all know two different dependencies in our projects, dependencies and devDependencies, but what about peerDependencies? In this series, we will examine this less common dependency in Javascript. We will study what they are, what I need to know about as a library user, and what best practices are for library authors. What are dependencies in NPM Let's recap the different common types: dependencies: these are the tools used in your application; a good example is react, angular, and express. When your application is in production, the code of the libraries on dependencies will run under the…

19 Oct

Redux toolkit: React Thunk and React Saga.Learn from Vishal Tiwari.

stp2y0 CommentsNewsai, coding, community, development, engineering, inclusive, javascript, node, software, webdev

React Thunk and React Saga are middleware libraries for handling side effects in React applications, especially for managing asynchronous operations like API calls. Both are commonly used with Redux but serve slightly different purposes and approaches. React Thunk 1. Overview: React Thunk is a middleware that allows you to write action creators that return functions instead of action objects. This is useful for handling asynchronous operations like API requests or complex synchronous logic (like conditional dispatching of actions). The returned function receives dispatch and getState as arguments, allowing you to dispatch other actions or access the current state within the…

18 Oct

8 Must-Have Software for Programmers on Mac

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, productivity, programming, software, webdev

Here are 8 essential applications that every programmer should consider installing on their new Mac, along with a brief overview of their features. 1. Video Recording and Streaming: OBS Studio Features: Allows users to customize their streaming setup by choosing between different capture modes like displaying a virtual webcam or selecting specific windows or areas to stream. Offers a comprehensive yet user-friendly interface for configuring stream settings, allowing granular control over audio, video, and encoding parameters. Enables the creation of an unlimited number of scenes and seamless transitions between them, enhancing the overall streaming experience. 2. Video Player: IINA Features:…

17 Oct

Caching Dependencies on GitHub Actions

stp2y0 CommentsNewscoding, community, development, devops, docker, engineering, github, inclusive, software, webdev

Introduction GitHub Actions provide two ways of storing files: caching for things like dependencies and artifacts for the results of a job, such as logs or binaries. Although they sound similar, they are used for different purposes. So, we will use caching to speed up our workflow runs. Another thing to know is that cache access will be restricted to only a few branches: the current branch, the base branch for pull requests, and the default branch. Caches created in unrelated branches won't be available, but that's not something that will affect us in most cases, since we usually operate…

17 Oct

A privacy focused online PDF Editor

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, opensource, pdf, software, webdev

Photo from Markus Spiske privpdf.com is an open-source project by Neural Nirvana aimed to prioritize privacy and safety of PDF documents.Almost every one of us has used the online PDF editor services to merge, split, edit, watermak PDF files. But doing it online comes with a risk of your document data being shared with third party servers, even stored without consent.That's why we created privpdf.com - a privacy focused in-browser PDF editor capable in doing everything current online providers are offering - all inside the browser with no data ever uploaded anywhere!The client-side processing enables the user to be assured…