Beginner: Interested in creating a web application with HTML, CSS, AngularJS, NodeJS, and MySQL?

After extensive searching on the internet, I have yet to come across a definitive answer.

I am in the early stages of developing a web application and want to ensure that I am using the correct languages before diving too deep into it. Currently, my plan includes:

Front End: HTML, CSS, AngularJS
Back End: NodeJS, MySQL

Is this combination ideal? While I understand opinions may vary, will this setup at least function?

Do I require frameworks like yeoman and/or express for it to operate smoothly?

Any assistance would be greatly appreciated.

Answer №1

Indeed, that stack seems reasonable - the choice of database will ultimately depend on the specific needs of your application. For a standard web app, MySQL is a solid option and MongoDB is popular for Node apps. Additionally, exploring Express can be beneficial in the NodeJS environment.

Searching for information on the MEAN stack (Mongo, Express, Angular, Node) will provide you with plenty of resources to kickstart your project. A helpful guide for developing single page applications with MEAN can be found here.

Depending on your requirements, consider swapping out MongoDB for MySQL and utilize NPM modules to support your needs. If considering an MVC framework, explore options like SailsJS. Research the best Node.js MVC frameworks to discover other alternatives.

The JS community offers various 'starter packs' and yeoman generators on platforms like GitHub. For example, a generator for a full angular stack can be accessed here. Prioritize thorough research to ensure documentation and maintenance before using one.

Angular 1.x remains a robust SPA framework and should not be overlooked. It may also be worth exploring ReactJS, which has witnessed significant growth in popularity recently.

For HTML (styled with CSS), consider utilizing Bootstrap or Material Design. Bootstrap is widely favored for CSS styling, and additional themes can be found at sites like Wrap Bootstrap.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

How can I make Nav-tabs align vertically on small screens?

I'm struggling to figure out why my .nav .nav-tabs are not stacking vertically even when I am using flex-sm-column. It's frustrating me a lot. Any ideas on what might be causing this issue? <html> <head> <link rel="stylesheet" h ...

Showing button based on a particular value

I am trying to dynamically display a button based on the value of the sendSMS property for the logged-in user. I have added this property in the viewer model, which is connected to the user's base model. However, I am encountering difficulties with us ...

Selection box containing options retrieved from MySQL database dates

I am trying to populate an HTML dropdown with data from a MySQL database. I ran the query in PHPMyAdmin and it worked fine, returning one record. The entire website is connected to this MYSQL details. Here is my code:  <?php mysql_connect("loc ...

alphabetical listing in mysql php with index letters

Within my mysql database (plattenkiste), I store band names. id | kuenstler 1 | Aerosmith 2 | Beck 3 | Metallica 4 | Slayer 5 | Zappa, Frank My goal is to generate an output in alphabetical order with direct links and index letters. The output should dis ...

Mechanism for enhancing and modifying capabilities of an object through a design pattern

TL:DR design pattern for objects that temporarily modify each other in a game scenario. Functionality is added and then removed dynamically. As a database developer delving into front-end development, I am exploring new techniques to stay informed about v ...

When configuring Webpack with a rule array, JSX is not properly recognized by the tool

Here is the configuration for my webpack setup: const path = require('path'); module.exports = { entry: './src/entry.jsx', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist&ap ...

What is the best way to activate a click event when I set a radio button to checked?

I am facing an issue with an uninitialized property in my app.component.ts: color!:string; I am trying to automatically initialize the color property when a radio button is selected: <div> <input type="radio" name="colors" ( ...

The storage of HTML5 data is not being saved locally

<html> <head> <title></title> <style type="text/css"> body { font-family: tahoma; } h2 { font-weight: bold; border-bottom: 2px solid gray; margin-bottom: 10px; } #dat ...

Media queries for the header background image display

I am currently working on a small web project and I want to change the background image in the header section while also making it responsive. I attempted to use a class called "header_accueil" in my header to distinguish different sections of the site, bu ...

Unable to locate the pathway to your executable program

Whenever I try to run yo, I encounter the error: -bash: yo: command not found I am aware that I can resolve this by setting the path in my bash_profile to my executable. However, the issue lies in failing to locate the path to yo. I initially installed ...

What is the process for displaying HTML page code received from an AJAX response?

My current project involves implementing JavaScript authentication, and I have a specific requirement where I need to open an HTML file once the user successfully logs in. The process involves sending an AJAX request with the user's username and passw ...

Using the combination of Node.js, ZeroMQ, and Socket.io, we can implement scoping per

I am currently in the process of developing a web application using node.js and express to deliver a real-time aprs stream to each user through ZeroMQ and socket.io. The idea behind it is that the node.js app receives the complete aprs stream by subscribi ...

Encountering a problem during the installation of zeromq.node on Ubuntu 12.04: 'node-gyp rebuild' command failure

I am encountering an issue while attempting to set up zeromq.node by using the command below: $ npm install zmq Despite my efforts, I consistently face the following error message. Any assistance on this matter would be greatly appreciated. gyp ERR! bui ...

How can I use jQuery to display a larger image in a specific div when a thumbnail is clicked?

My current setup involves a div that serves as a target: <div id="rightbox"></div> I have my thumbnail images neatly organized into groups: <img src="group1/thumb/01.png" width="160" height="97" class="imgtopleft" /> <img src="group ...

Scheduled transfer of data from one mysql database to another using a cron job

In my attempt to schedule a daily database dump from one server to another at 3 AM using the /etc/crontab file, I seem to have run into an issue. The scheduled task doesn't seem to be working and there are no error messages reported. 0 3 * * * mysqld ...

The $mdSticky feature in AngularJS Material seems to be malfunctioning

It's been a challenge for me to get the md-toolbar to stay in the top position. I decided to create a custom directive using the $mdSticky service in AngularJS. var app=angular.module('app',['ngMaterial']); app.controller(&apos ...

Discover the intricacies of setting up nested GitHub packages within the NPM ecosystem

I have a NPM package repository hosted on GitHub that contains nested packages (which are referenced through file: URLs). When I download it, for example, when I declare a dependency on this GitHub repository named com.qux.nodejs via https://github.com/qu ...

Using data attributes to store HTML content within Reactjs components

I am struggling to understand how one can utilize HTML within a data attribute in React's jsx. For example: data-bs-template='<div class="tooltip d-none d-md-block" role="tooltip"><div class="arrow">< ...

HTTP request form

I'm currently working on a form that utilizes XMLHttpRequest, and I've encountered an issue: Upon form submission, if the response is 0 (string), the message displayed in the #output section is "Something went wrong..." (which is correct); Howe ...

textarea label align: center

I've been struggling to center-align the label for this textarea within the text box, but so far my attempts have failed. The resulting display resembles the following: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx ...