Published inJungletronics·Sep 20Socket-io IntroProject#1 — Socket_series — Episode #0 — No prior familiarity with Node.js or Socket.IO? No worries! This post is suitable for individuals of all skill levels who are interested in learning through hands-on experience. In this post: We will Compose a chat message using Socket.io. Welcome aboard! The concept around the chat app is that the server…Socketio13 min readSocketio13 min read
Published inJungletronics·Sep 16Docker On Ubuntu — PROJECT#1Php + Node.js + Mysql — DockerSeries — Episode#1 — Hi, let’s dive into Docker. Based on: Ayrton Teshima — Programador a Bordo Docker em 22 minutos — teoria e prática (Rápido!) In this post: We are planning to develop a JavaScript API, establish a MySQL database, and create a PHP website to consume the API services. Here is the…Docker14 min readDocker14 min read
Published inJungletronics·Sep 10Security in MindEssay: What is the most suitable approach for ensuring security in a production environment? — Hello! I am a privileged individual. Currently, I work for a large IT enterprise where we manage financial operations. In reality, we are dedicated to serving the public interest. Our infrastructure is extensive, and we operate within a multi-tenant environment where security is of paramount importance.Security Mindset9 min readSecurity Mindset9 min read
Published inJungletronics·Aug 26Hotwire Demo — StimulusA lightweight JavaScript Framework #HotwireSeries_Episode#3 — This post is a continuation of this one. In this post : . Learn about Stimulus. Stimulus is a JavaScript framework that focuses on enhancing interactivity in web applications by adding behavior to HTML elements. It’s designed to be a lightweight and pragmatic approach to building dynamic web interfaces. Stimulus…Stimulus7 min readStimulus7 min read
Published inJungletronics·Aug 26Hotwire Demo — Turbo StreamsPushing HTML Updates To The Client Using WebSockets HotwireSeries_Episode#2 — This post is a continuation of this one. In this post : . Learn about Turbo Streams. For your convenience, we have uploaded the previous code to my GitHub repository. …Hotwire Rails5 min readHotwire Rails5 min read
Published inJungletronics·Aug 24Hotwire Demo — Turbo FrameDecomposes Pages Into Independent Contexts HotwireSeries_Episode#1 — In this post : . Learn about Turbo Frame. We are now prepared to delve into Hotwire! For your convenience, we have uploaded this code to my GitHub repository. Feel free to start without needing to type anything on your keyboard. 👉️ GitHub repo First: TURBO FRAME! Turbo Frames decomposes pages into independent…Hotwire Rails6 min readHotwire Rails6 min read
Published inJungletronics·Aug 24Hotwire Demo — IntroductionWhat is the purpose of hotwire in Rails 7? HotwireSeries_Episode#0 — In this post : You will: . Understand what Hotwire technology is; . Prepare our chat app to be compatible with Turbo, the Hotwire framework... Welcome! Hotwire is a set of technologies introduced by Basecamp (the company behind Ruby on Rails) to enable a more dynamic and interactive user experience…Hotwire Rails5 min readHotwire Rails5 min read
Published inJungletronics·Aug 23Docker On UbuntuHow to Use Docker On Ubuntu 23 — DockerSeries Episode#0 — Hi, thanks to Jeovan. We will be installing Docker locally since our production environment is Docker-based. Welcome! Let’s get started: [OS] Ubuntu 23.04, 64-bits, kernel version: Linux 6.2.0-27-generic 0#Step — GoTo Install Docker Desktop on Ubuntu And follow the instructions provided there. Here, we will create a summary: sudo apt…Docker4 min readDocker4 min read
Published inJungletronics·Aug 18Rails Blog In VS Code-Using StimulusHow To Create A Blog in VS Code — Part VII— RailsSeries#Episode 09 — Let’s proceed with the previous example and add the ability to post a new review (adding a button Edit comments). In this post: You will: Learn How to Use Stimulus; Learn about Hotwire Turbo Family; Set up Turbo JavaScript to review a comment; Learn how to pass data from your Front-End View into your…JavaScript17 min readJavaScript17 min read
Published inJungletronics·Jul 298-bit Microcontroller MEMORYHarvard Architecture — Separate Program & Data Memory Spaces #PIC_Series — Episode 1 — Hi, How the memory is divided in a PIC-MICROCONTROLLER? The PIC16F877A is an 8-bit microcontroller from Microchip Technology. It has a Harvard architecture, which means it has separate program memory and data memory spaces. Let’s dive into the memory organization of the PIC16F877A: Program Memory: The PIC16F877A has 14-bit program…Memory Mapping6 min readMemory Mapping6 min read