/    Sign up×
Community /Pin to ProfileBookmark

Beginner Beginnings…

Hi All, I have had my hands in several different areas of coding but nothing to truly give me a foundation for the next step. 

I have experience in MS SQL, Postgres SQL, HTML (basic), CSS (basic).

What I am looking to do is get a grounded understanding of the best foundations for a web app. I express the specific for a web app as ios or android would restrict potential audience.

Any suggestions or assistance would be greatly appreciated as I really am struggling where to start.

My thoughts were 1)Build Landing Page, 2) Build Register Page , 3) Understand Data Communication from register page to a database and how this communications 4) Build Login Page 5) Understand how login page communications to and from data base 6) Start building logged in user specific pages such as profile

Thanks in advance. 

to post a comment
CSSHTMLPHPTechnical WritingWeb Hosting

1 Comments(s)

Copy linkTweet thisAlerts:
@sibertJul 06.2023(updated) — Well this will be a lot to grasp.

First of all you have to decide if you want a native app or a web app. A web app is works for basically everything from iPhone via iPads to desktop. Native apps are targeted to a specific type of device. Here is my experience.

1) Build Landing Page
Use a standard web page

2) Build Register Page
Use a standard web page

3) Understand Data Communication from register page to a database and how this communications

Now it is beginning to be more complicated. As you have to deal with security. IMO this stuff should be done by the web server and not in a client. There are tons of tutorials out there, but none gives an exact answer (my experience). The way you communicate with the database differ depending on the language you chose to use. The simplest way is to use fetch() in Javascript.

Basically you have to store the user session_id in the browser and deal with what this users data.

4) Build Login Page
Use a standard web page

5) Understand how login page communications to and from data base
Depends on language chosen.

6) Start building logged in user specific pages such as profile
Use a standard web page

So in my opinion the first decision is to select a tool. Then you can ask more specific questions. I did chose Go as backend and are using plain HTML, CSS and Javascript in frontend. Go is not used by many, but it has many built in tools to communicate with databases. No frameworks and as few dependencies as possible.
@jthompsonauthorThanks for responding. It will be web apps primarily rather than native as native boxes in the devices it could be used on. Your response will really help me to build a plan , trial by fire, to get learning and I know it’s going to be a hard uphill challenge to self learn what I want to but I know I want to.Jul 06.2023
@sibertYou can get some ideas from my playground Made by Go, but most parts are using plain HTML, CSS and Javascript. I am about to launch a "todo-app" with loginJul 06.2023(updated)
@jthompsonauthorI’ve had a quick look at your todo-app and it’s looking good. I think like you say I need to decide on frame work for both front end and back end and then dissect piece by piece .Sep 20.2023
@sibertDecide what it is important for you in order to narrow down the choices. In my case it was simplicity, speed, small footprint (cheaper hosting) and safety.Sep 20.2023(updated)
×

Success!

Help @jthompson spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...