javascript - CybAI news

14 Jul

Introducing My Developer Portfolio: A Two-Year Journey of Crafting the Perfect Showcase

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, portfolio, react, software, webdev

Hey Dev.to community! I’m excited to share with you all the culmination of two years of hard work, dedication, and countless iterations—my developer portfolio website! This project has been a labor of love, and I'm thrilled to finally have a platform that represents my journey, skills, and achievements. The Tech Stack My portfolio is built using: ReactJS: The backbone of my application, providing a robust framework for building the user interface. Tailwind CSS: For styling, ensuring a sleek and responsive design with minimal effort. Framer Motion and GSAP: For animations, adding a touch of dynamism and interactivity to the user…

14 Jul

Demoscene Competition in 1024 Bytes of JavaScript – JS1024 2024 Edition

stp2y0 CommentsNewscoding, community, demoscene, development, engineering, inclusive, javascript, software, webdev

JS1024 is Back for 2024! Get ready for a thrilling challenge! JS1024 returns, pushing developers to their limits by creating stunning demos in JavaScript, HTML, or GLSL, all within a 1024-byte limit. Whether you're a seasoned coder or a newcomer, this is your chance to shine and showcase your creativity and technical skills. Timeline: 1st July - Theme announcement and competition start; submission form opens. 19th July - Submission deadline; form closes and rating period begins (extended). 1st August - End of rating period. Early August - Winners announced! Demo Categories: Classic Canvas:Utilize the canvas element (a), body element (b),…

14 Jul

OTA updates in React Native

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, mobile, reactnative, software, ux

Hi there, it's been a long time since I have written a blog on React Native. Today I just want to explain what OTA updates are and how you can use them in your React Native project. We will deep dive into OTA updates, advantages, and challenges you may face while dealing with this. Disclaimer This blog covers some advanced topics from my experience building various apps. If you're new to React Native, some parts might be hard to understand, and that's okay. Everyone starts somewhere. Feel free to ask questions or share your thoughts in the comments section. The…

14 Jul

Creating a Smooth Transitioning Dialog Component in React (Part 1/4)

stp2y0 CommentsNewscoding, community, css, development, engineering, inclusive, javascript, react, reactjsdevelopment, software

Part 1: Setting Up the Basic Dialog Component with Minimize/Expand Functionality Welcome to the first part of my four-part series on creating a responsive dialog component in React. In this series, I'll explore different approaches to achieve smooth animation transitions while maintaining the dialog's fluid dimensions. In this initial part, I'll set up the basic dialog component with minimise and expand functionality. Please note that accessibility and responsive design are not included as part of the considerations in this series. The primary focus is on creating a reusable dialog component with smooth animation transitions. This series is part of a…

11 Jul

What is WebRTC protocol?

stp2y0 CommentsNewscoding, community, development, devops, engineering, inclusive, javascript, software, webdev, webrtc

WebRTC or Web Real Time Communication protocol is an open source protocol and technology that enables real time communication directly between web browsers and webRTC enabled applications Using WebRTC you can do video calling, audio calling and data transfer between devices. This capability is implemented using a set of JavaScript APIs that enable video, audio and data transmission between devices. These APIs include ICE, STUN, TURN, NAT and SDP We are going to learn more about these protocols below ICE (Interactive Connectivity Establishment) ICe is a protocol that is used to find the best path to reach devices that is…

10 Jul

3D Riemann Surface Matrix

stp2y0 CommentsNewscodepen, coding, community, development, discuss, engineering, html, inclusive, javascript, software

Check out this Pen I made! Source link lol

10 Jul

Creando un Tetris con JavaScript IV: canvas

stp2y0 CommentsNewscoding, community, development, engineering, gamedev, inclusive, javascript, software, spanish, tutorial

Introducción En esta nueva entrega de la serie, veremos cómo mostrar el tablero y la pieza que está bajando en ese momento en pantalla. Para ello, tendremos que dibujarlo en el navegador, y la opción que tenemos para hacerlo es el elemento Canvas de HTML. class Canvas { static SEPARATION = 2; #_painting = false; #_element = null; #_board = null; #_piece = null; constructor(element, board) { element.width = 5 + ( board.cols * Board.PIXEL_SIZE ); element.height = 5 + ( board.rows * Board.PIXEL_SIZE ); this._board = board; this._element = element; } // más cosas... } Enter fullscreen mode Exit…

10 Jul

Javascript Can Make a Phenomenal Numerology Website

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, software

I have been working as a javascript developer for the last four years and I have worked on several industry websites for my clients. Recently, I worked on a numerology website and my mind completely blew away when I worked on the website. In this article, I shared my experience of working on a numerology website. First of all, I want to tell you that working on a numerology website was super easy, and witnessing the application of the numerology app was magic. If you are looking to generate a side income then learning the basics of numerology and developing…

09 Jul

Let’s Understand JavaScript Closures: A Fundamental Concept

stp2y0 CommentsNewsclosures, coding, community, development, engineering, inclusive, javascript, software

Closures are a powerful feature in JavaScript that allow functions to retain access to their lexical scope, even when the function is executed outside that scope. This can sound abstract, but with some simple examples, you'll see how closures can be both intuitive and incredibly useful in real-world applications. What is a Closure? A closure is created when a function is defined within another function, and the inner function retains access to the outer function’s variables. Essentially, a closure gives you access to an outer function’s scope from an inner function. Here’s a simple definition: Closure: A combination of a…

09 Jul

Ready to Dive into React? Let’s Build Your First App!

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

So you're ready to learn React, the powerful JavaScript library for building dynamic user interfaces! That's awesome. But before we start building fancy components, we need a solid foundation. Let's get your first React app up and running! 1. Node.js and npm (or yarn): Your Development Tools Think of Node.js as the engine that powers your React app, and npm (or yarn) as the toolbox. You need both! Get Node.js: Head to https://nodejs.org/ and download the installer for your operating system. This comes with npm, the package manager you'll use to install React and other tools. Verify Your Installation: Open…