Web Development

Re: Which language should I use out of javascript or php?

20-Mar-23 9:45

Given the choice between JavaScript and PHP, master JavsScript and also use Node for the backend work. It'll take you further these days.

Jeremy Falcon

Member 1595298024-Mar-23 1:20

Member 15952980

24-Mar-23 1:20

Thanks for insight. I've never heard of Node before and just read a basic introduction about what it can do on W3 schools... I notice that Node work in partnership with mysql as php does. Mysql is my intended progression after php or Node.js

So does using Node mean you can skip learing php altogether?

Also, considering it is javascript based, are the server side scripts run entirely on the server as with php? Or are there client and server security concerns that put using it at disadvantage compared to using an entirely server side language such as php?

Re: Which language should I use out of javascript or php?

Jeremy Falcon24-Mar-23 5:15

Re: Which language should I use out of javascript or php?

24-Mar-23 5:15

Member 15952980 wrote:
So does using Node mean you can skip learing php altogether?

Yes

Member 15952980 wrote:
Also, considering it is javascript based, are the server side scripts run entirely on the server as with php?

Yes. One of the main advantages to Node too, is that you can have what's called an isomorphic application. Which is a fancy of way of saying you can run the same code on both the client and server. Stuff that accesses the DOM will be client only, but for algorithmic type routines it's the same code.

Member 15952980 wrote:
Or are there client and server security concerns that put using it at disadvantage compared to using an entirely server side language such as php?

No security concerns that PHP wouldn't also suffer. The main considerations are performance and available libraries. Google has put a lot of work into V8 (the JS engine Node is built on), so it's not nearly as slow as people would think. PHP can pre-compile into bytecode to speed up parsing prior to execution, but V8 also JITs in real time to native code in memory. Don't get me wrong, V8 will never be as fast as C/C++ or Rust and it's single threaded. But when compared to things like PHP, it does pretty well.

PHP vs Node js - Which programs are fastest?

PHP has a ton of built in functionality, like say for editing PDF files. Node doesn't. Fortunately, the community is huge for Node so finding a package to do most stuff is rarely a problem. In fact, it's so huge the real problem will be knowing which packages to avoid.

I say this as a dude who used to love PHP. I'll always have a fond soft spot for it, but times change.

Jeremy Falcon

Member 1595298026-Mar-23 1:04

Member 15952980

26-Mar-23 1:04

Thank you very much Jeremy for taking the time to answer my questions and concerns.

I did do a course on PHP years ago, just before the laucnch of Node.js, and figured it would be easiest to just go back to learning that from scratch. But as you say times change.

You mention that PHP has a ton of functionality that Node doesn't.... My limited knowledge of php did leave me wanting to go forwards with certain capabilities. In a personal capacity I would like to build a music database. Would I be able to use Node, in conjuntion with mysql to:
- make directories (to, for example, store uploaded mp3 files)
- make pages (to, for example, print html code to make a html document)

Thanks in advance for your consideration

Re: Which language should I use out of javascript or php?

Jeremy Falcon27-Mar-23 5:31

Enumerate a div pattern in html page

27-Mar-23 5:31

You'll be just fine in Node. It offers a bunch of modules to access things like the file system... on the server side. And there are plenty of ways to connect to a DB such as MySQL.

Jeremy Falcon

_Flaviu14-Mar-23 1:28

14-Mar-23 1:28

I need to do a small html code that looks like this: Imgupx - Upload and share your images[^]

I have tried some code, but it doesn't work:

HTML

<div>
    <p>ER</p>
    <img src="C:\Users\myname\Downloads\cici.png"/>
    <p>341 Ohm</p>
    <p>EN</p>
    <img src="C:\Users\myname\Downloads\bibi.png"/>
    <p>356</p>
</div>

jsc4214-Mar-23 5:24

jsc42

14-Mar-23 5:24

For a personal web page only accessed from the same PC as the one it is being served from, you will have to use the 'file:' protocol (like http: / https: for remote sites). As you have it, it is looking for the 'C:' protocol - this is not a defined protocol. IIRC, the ':' after the 'C' needs encoding as a | e.g.

HTML

<img src="file:C|\Users\myname\Downloads\cici.png"/>

For a web page accessed from a different location, you will have to save the images in a special folder (details vary based on the web server software - see your documentation) and the name will be relative to that server's root (and, in that instance, you can skipped putting the protocol component).

_Flaviu14-Mar-23 6:45

14-Mar-23 6:45

The image is for testing purpose only, the fact is the html page is like in the image: Imgupx - Upload and share your images[^]
How can I arrange multiple text and image anxt again like the image reveal ?

_Flaviu14-Mar-23 23:08

14-Mar-23 23:08

I have made it:

HTML

<div style="float:left;">
    <p>ER</p>
    <img src="C:\Users\myname\Downloads\cici.png"/>
    <p>341 Ohm</p>
</div>
<div style="float:left;">
    <p>EN</p>
    <img src="C:\Users\myname\Downloads\bibi.png"/>
    <p>356</p>
</div>

Jeremy Falcon20-Mar-23 10:15

Arrange image and text in a div, div after div

20-Mar-23 10:15

Your life will become much easier if you use a local web server for development.

Install Node.js.
Install a global npm package like local-web-server, npm i -g local-web-server.
Go to your HTML files and run the web server in that directory, ws.

If you ever do upload your work to a remote server, this will make your life much easier. Not to mention, things like cookies do not work when HTML pages are viewed over the file protocol.

Jeremy Falcon

_Flaviu6-Mar-23 4:19

6-Mar-23 4:19

How can I list several div's tags with the following pattern ?
Untitled hosted at ImgBB — ImgBB[^]

I have tried something like this:

HTML

.title{
	display: inline;
}

.icon{
    display: block;
}

.item-text{
	float: right;
}

<div class="item-main">
	<div class="title">
		My title
	</div>
	<div class="icon">
		<img src="...">
	</div>
	<div class="item-text">
		Lorepsum imte ...
	</div>
</div>

but don't work correctly.

modified 6-Mar-23 9:29am.

Richard Deeming6-Mar-23 5:26

Richard Deeming

6-Mar-23 5:26

If you want the text to wrap, then float the image:

CSS

.title {
    display: block;
}
.icon {
    float: left;
    margin-inline-end: .5em;
    margin-block-end: .5em;
}
.item-text {
    /* None */
}

Demo[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

_Flaviu6-Mar-23 6:51

6-Mar-23 6:51

Excellent, and if I would list several times that pattern, one under another ?

I did:

HTML

<div>
    <div class="title">
        Introduction To XHTML 1.0
    </div>
    <div class="icon">
        <img src="http://dummyimage.com/200x200/f0f/fff" />
    </div>
    <div class="item-text">
        Topics includes: Introduction To XHTML 1.0,
        Introduction To Tag and Attribute Syntax,
        Introduction To Element Content Syntax,
        Document Structure and Head Level Tags,
        Body Tag and Block Level Tags,
        Understanding In-line Elements and Tags, etc
    </div>
    <div class="title">
        Introduction To XHTML 2.0
    </div>
    <div class="icon">
        <img src="http://dummyimage.com/200x200/f0f/fff" />
    </div>
    <div class="item-text">
        222 2222 Topics includes: Introduction To XHTML 1.0,
        Introduction To Tag and Attribute Syntax,
        Introduction To Element Content Syntax,
        Document Structure and Head Level Tags,
        Body Tag and Block Level Tags,
        Understanding In-line Elements and Tags, etc
    </div>
</div>

but the pattern its not listed one under another.

Richard Deeming6-Mar-23 23:55

Richard Deeming

6-Mar-23 23:55

Add clear: both; to the .title rule:

CSS

.title {
    display: block;
	clear: both;
}

Demo[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

_Flaviu7-Mar-23 2:39

7-Mar-23 2:39

Thank you a lot Richard ! It works !