Posts

Showing posts with the label web development

Exploring the World of Web Development Part 5 - Spring and MySQL database

Posted on
Image
In today's digital age, data plays a crucial role in web applications. Storing and retrieving data efficiently is essential for the success of any web development project. One of the most popular and widely used databases for web applications is MySQL. In this article, we will explore how to configure Spring Boot with MySQL, learn how to save and retrieve data, and understand the process of altering and removing data. This tutorial is designed for beginners in web development, and it is recommended to continue using the code from the previous articles to build upon the existing Spring project. Configuring Spring Boot with MySQL To begin, let's ensure that our Spring project is configured to work with MySQL. If you haven't set up a local MySQL database yet, you can download the installer from mysql.com and follow the installation steps. Once installed, set up your credentials, including a username and password, and create a new database for your application. If you want to ...
Post a Comment
Read more

Exploring the World of Web Development Part 4 - Write Rest APIs

Posted on
Image
One of the main advantages of writing a back-end Application using Spring is that Spring has the ability to  make a dependency injection, make it modular and loose coupling, your code easily reusable and can be shared across different components or modules. Each class in Spring is called a component that promotes the Single Responsibility Principle. Each component in spring can be any type of Configuration, Controller, Model, Service, Repository, etc. A. Step by step develop Rest API using Spring Without further ado, we are now trying to develop our own first API, to supply a list of products and handle a contact form validation and storing the contact data, and then displaying the list of user submitted feedback. At this moment we are not gonna store any of the data in a Database server, we will store the data in Memory. We will learn about SQL database integration using Spring in the next tutorial. First thing to do to create your Spring skeleton, you can download the Spring proj...
Post a Comment
Read more

Exploring the World of Web Development Part 3 - Manipulating HTML Using Javascript

Posted on
Image
Basically an HTML is the face of any web page, it is very static, meaning it doesn’t know how to handle user input, it doesn’t have enough facility to manipulate the interface of a web page. You can only use something like Hyperlink to navigate from one page to another. HTML can not store any user input data without using another help, to help HTML manipulating a web page data or interface we use Javascript. JavaScript allows you to dynamically change the content and styling of your web pages. JavaScript is a powerful tool that can be used to change Document Object Model (DOM). DOM is a representation of the HTML structure of a web page. For example “<div>The Content</div>” is an example of DOM, basically any part of HTML is A DOM. What a JavaScript codes can do to your HTML pages: Web Page Dynamic content / DOM manipulation JavaScript capability can make any update to the content of HTML elements dynamically. For example, you can append, remove or alter the text inside a ...
Post a Comment
Read more

Exploring the World of Web Development Part 2 - Styling your page using CSS

Posted on
Image
Web email HTML and CSS template In the last chapter you are creating a perfect beautiful layout for your first web page using HTML and CSS. I hope that you really learn a lot about how HTML works, you start to begin recognizing the structure of HTML and remember some basic HTML tags. This chapter is talking about CSS, you will learn step by step creating a CSS style and understand some of the CSS properties and attributes. Here's a step-by-step guide to creating a `style.css` file for your project: To begin with styling any HTML page, you can create a separated file with file extension dot CSS. Create a new file called `style.css` in your project directory. And then place it in the same directory as your HTML files, then in your HTML file, you call the CSS using <link> tag inside the <head>. So for sort your calling your CSS like this: Open the `style.css` file in a text editor or an integrated development environment, in the previous article I recommended you to use...
Post a Comment
Read more

Exploring the World of Web Development - Get Started

Posted on
Image
Motivation to be a web developer Web development is the easiest type of software development, for many people it's like the entry level before you deep dive into various advanced types of software development. Building a website is absolutely 10 times easier if you already have experience and expertise in, than developing embedded systems to work with external devices. Because building websites is basically just how to put pictures on the web and how to handle user input and mouse click. But it is still not gonna be that easy if you are still a newcomer and wanna be a developer. Trying to just implement a single feature is already a frustrating  task. One major factor is the lack of understanding of the flow of a web development, you just do not yet understand what is the right thing to do this or to do that, you may not even know the term of the specific task you are facing, or not even know the tools to solve the problem. It's just a matter of time, after a while you will be ...
Post a Comment
Read more

Popular posts from this blog

How to Install Microsoft Office on Your PC: A Step-by-Step Guide

Posted on
Image
Where to download office installation Whether you're setting up a new computer or simply need to reinstall Microsoft Office, the process is pretty straightforward. In this guide, I’ll walk you through the exact steps you need to follow to get Office up and running on your PC. Don’t worry, it won’t take long, and you’ll be using your favorite apps like Word, Excel, and PowerPoint in no time! Now, let’s dive into the installation process. Log into your Microsoft Office Account: In the web browser, you’ll need to go to portal.office.com/account and sign in with your Microsoft credentials. Go to 'Apps & Devices': From the left-hand menu, click on 'Apps & devices' under the 'My account' section. Choose Office Version: Under the Office section, you’ll see options to choose the language (in this case, English (United States)) and the version (64-bit). Install Office: Click the 'Install Office' button, which will start the download. Once downloaded,...
Read more

Coding On Your Android Phone Using Termux

Posted on
Image
Writing code on Android Termux app Software development is not a task that you can solve in one sitting, it can take you hours to build stuff, and requires a lot of debugging. But to do small things like develop a small feature in your free time when you're away from your laptop is a time hack. You can achieve that by using your phone alone. Here's how. Install Termux All developers or whatever IT guys need is a simple command line tool that you can use to do some operation like editing a file or installing some tool or program on the system. Luckily the Android world is very robust, we have a terminal tool to execute the Linux command line on your phone. The app is called Termux. Although Termux is available on the Android Play Store, it's been long abandoned by the developer, it's still running but no longer maintained. The newest version of Termux is available on the F Droid app store. So the first thing to do is install f droid and install Termux from FDroid in...
Read more

How To Create Spring Boot Project Using Netbeans

Posted on
Image
Spring Boot is a handy tool that simplifies the development of Spring Framework applications by reducing the need for cumbersome configuration. In this tutorial, I'll guide you through creating a Spring Boot application using the Netbeans IDE. While you can certainly create a Spring Boot application in Netbeans manually, it's much easier with a plugin designed for Spring development. Here's a step-by-step guide to get you started: 1. Install the Spring Boot Plugin: Open Netbeans and navigate to the Tools menu. Click on "Plugins." Once the Plugins window opens, select the "Available Plugins" tab. Look for the "Nb SpringBoot" plugin, then install and activate it. 2. Create a New Spring Boot Project: After restarting Netbeans IDE, you can create a new project with Spring Boot. Go to File > New Project. Under Categories, select Maven, then choose "Spring Boot Basic." 3. Add Dependencies: With your new project created, open the po...
Read more