/wdg/ - Web Development General

Previous thread: >COMPLETE BEGINNERS GUIDE
github.com/kamranahmedse/developer-roadmap

>Free beginner resources to get started
Get a good understanding of HTML, CSS and JavaScript.
developer.mozilla.org/en-US/docs/Learn - a good introduction to HTML/CSS/JS and Node.js or Django
freecodecamp.org - curriculum including HTML/CSS/JS, React, Node.js, Express, and MongoDB
theodinproject.com/ - curriculum including HTML/CSS/JS, Ruby on Rails, and SQL
hackr.io - collection of tutorials from across the web for learning languages and libraries

>Further resources
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
youtube.com/watch?v=Zftx68K-1D4x

jsfiddle.net - Use this and post a link, if you need help with your HTML/CSS/JS
3v4l.org/ - Use this and post a link, if you need help with PHP/HackLang

>PHP resources
pastebin.com/gfBPg24A

Attached: 54557725072bced85ff79fb391ef7cce.jpg (800x600, 156K)

Other urls found in this thread:

code-togetherr.herokuapp.com/
javascript.info/
twitter.com/alg0re666/status/1175359324518060032
twitter.com/NSFWRedditImage

Attached: 1564948081918.png (727x741, 952K)

What do you guys think of this?
code-togetherr.herokuapp.com/

I like the design. I like the idea.

Thanks. User accounts and a dashboard is incoming.

> Offline for maintenance

fuck off

I literally just took it down. There, it's back up. This isn't 100% thought out, and I haven't touched this site for months.

If anyone is interested in creating it further with me, let me know. If not, that's completely fine - I'm not looking for free work, I'll build this shit myself.

totally gay/random startup businuess speak
would not cache

>totally gay/random startup businuess speak
Lol, like what? It's not a startup or a business.

literally hero-shot and call for action button coupled with wors that literally fit *every* "experience":
a doctors webpage
* meet people
* learn together
* make friends

NRA website
* meet people
* learn together
* make friends

Jow Forums
* meet people
...

Ok. I apologize that my wording has offended you.

words don't offend me. bad pages do.
show me what you do and how. gimme screenshots or something. don't use stock videos that fit every fucking company that uses computers.

>show me what you do and how. gimme screenshots or something.
Good feedback, honestly. Thanks.

I need to make a quick website that should run a bunch of small functions on my computer. Currently I have the code written in Golang.
How should I do it?

I've only made stuff that used Docker, a proper frontend and backend stuff. Those wouldn't be necessary. Just some CSS to make the background black is enough.

dockerize your react webpack component to accept frictionless unit testing

sorry I couldn't resist

top kek

my OC, and I love PHP

Attached: 1530392977425.jpg (1649x931, 132K)

> Offline for maintenance

fuck off

So I landed a web engineering role with no experience due to timing within the company. Was applying for back end.

Learning HTML and CSS through freecodecamp right now. I was told I'll also need JavaScript from says programming general.

Any advice anons?

javascript.info/

how does this even happen,i'm here struggling trying to get my foot in the door and your here getting fairy dusted in,how user???

location location location

you dont know JS is the golden JS resource, everything else is secondary

Adding in dark theme is the literal easiest thing in the world nowadays. Can't believe how easy it's gotten, you used to have to involve quite a bit of JS now it's a fucking single CSS query. Insane.

So I am making a set of lists from one array and was wondering if anyone here knew a good way to show the range of the array. I know about splice but I cant use that method because I also have a way of removing said items from the array and dont want the array to be filled with another item in its place. so maybe a method that uses the id of a nested object in the array?

nvm I figured it out. so easy I feel stupid for asking.

// Filters out items based off id
const range = arr.filter(item=> item.id < 7 );

>finally solve a problem that has been haunting me for days
there's no better feeling in webdev than this

what is the utimate stack for webdev? django rest + vue?

Clojure with ClojureScript and Reagent

>Slow the stack
Golang(+Rust for heavy operations) + React and you can fucking create whatever the fuck you want and it will be blazingly fast.
Eventually .NET-Core which is also based + React

People STILL using fucking PHP, Spring or Django for webdev make me sick, especially Django, bloat the fucking framework, slow as shit as its python, and its not like it gives some amazing insanely good functions.
Especially now that Go or .Net-Core or fuck even (M O D E R N) Node.JS are around. All much better,faster, and easier to use.

Attached: 1549852480123.jpg (754x692, 137K)

B-but react is slower than vue, svelte and the angular ivy.

>He said when he wants to use Python for backend

Slow to run but fast to develop and maintain apps with.

I'm a bit confused about which data structure to use.
Let's say I have a thread list that contains a few Jow Forums threads.
Let's say I do this
threadlist[72854175] = new Thread()

Then after that, I will have a huge array.
PIC RELATED.

I know various solutions to that, but I can't decide because I don't have much experience, so what would be the cleanest solution?
I later want to retrieve the data by thread number.

Attached: 1569145287.png (280x531, 13K)

Anyone using a time series database? How does it measure up?

use a map, not an array

Djangos pretty nice once u realise you shouldnt use half their functionalty and simple use rest framework.

It has alot of boilerplate security and the admin page is nice.

Why not use Flask at that point, atleast you can use it hovewer you want, its still garbage cause its python but better than django

I dont understand this whole microservice/docker shit, do i put every functionality of my backend in different containers and just run them at the same time? is that how it works?

Attached: 346346436.jpg (700x1244, 85K)

YDKJS is a piece of outdated garbage.
As long as the autistic author keeps using var like a neanderthal he and his garbage belong in the trash.
javascript.info and MDN are all one needs. They are free and open source and are a community project that are being constantly improved.

Did any of you get an email from Codeacademy inviting you as a beta tester?
It's supposed to be a privilege but I got the feel that it is 'work for almost free for us'.
They give me 3 months of Codecademy Pro though.

Can someone tell me what Disk image is in Docker and WHY THE FUCK does it have 60gb allocated

Attached: 124124142.jpg (813x555, 69K)

>As long as the autistic author keeps using var like a neanderthal he and his garbage belong in the trash.

He's very zealous about it which confused me because I was waiting for his expert-level argument regarding really why to use it, when everyone else says not to, that never really materialized, unless it just went over my head.

He just kept memeing about knowing how to intelligently use all parts of the language by understanding it well.

It's low-key condescending to people that recommend to others to not use var, which as far as I can tell, is everyone but him.

Don't touch microservices until you're as big as FAANG

Also microservices are just small isolated and specialised services (usually rest services) that talk with each other.
You can deploy them any way you want

Windows docker is a VM with Linux, the image size is for the Linux that's running behind.

but I can't wait to dockerize things

You can dockerize a monolithic app

How do I stop this from keep on appearing. ublock doesn't block it properly.

Attached: Annotation 2019-09-22 141427.png (959x720, 63K)

They actually use popups to ask for donations?

Fuck freecodecamp, I draw a line at popups, don't care who you are.

Hoisting is objectively a bitch to keep track of.
Maintainability, locality and guaranteed lifetime of a variable in a rapidly evolving language are much more important than sniffing your own fart because you know the pitfalls of hoisting.

ublock element picker?

dotnet core Web API with a Blazor web-assembly front-end. C# everywhere and you can share code between the client and the server.

I'm trying to download a webm video on twitter. Usually my technique is to open dev tools, select the video element with the picker tool and get the link inside the html file.
but it's not working and I'm honestly curious how these fucking retards at twitter do things like this
I can't find it in the sources tab either or by sorting by media in the network tab

post link so I can try

twitter.com/alg0re666/status/1175359324518060032

How do I remove Access to a specific database from an user who has otherwise rights to everything else?
REVOKE ALL OF database.* FROM user@localhost
Is what I understood from the manuals, but doesn't work.

just use ytdl

we used to do something like
revoke all permissions (or something like that) from all databases from schema from user ***


fucking check the muthafucking manuals mah nigga

looks like the video is downloaded and rendered via ajax. You'd need some kind of code to find the source m3u8, make a request to it, and then download all the ts files as well and convert them to a downloadable video.

>YDKJS is a piece of outdated garbage.
Huh? v2 is already out.
MDN is trash as a learning tool, great as a resource, not for learning as it glosses over way too much because mozillafags are too busy swallowing cocks
javascript.info is literally a collection of resources, a lot of them ACTUALLY being outdated you incompetent ape

and this may be a surprise to you, but a lot of places still actually do use var religiously and won't be switching for a while, but i can see how an unemployed narcissistic neet like you would gloss over that

My navbar isn't working and it's driving me crazy, would any of you anons be able to give it a look?

I pulled the code from a coworkers github and it just won't work, even if I copy and paste it in mine with nothing changed.

Attached: screenshot.png (1179x542, 93K)

Just went through Javascript week here, MDN is trash when it comes to explaining shit to a beginner.

The book we were given in our course is Eloquent Javascript but a bunch of us are also reading "you don't know JS".

did you add the bootstrap javascript file?

>doesn't know how to make a navbar
>is employed

I'm calling the web dev police on you.

t.NEET who desperately wants a job

Lots of buzzwords there. You sure you aren't projecting there?
I'm working as a webdev with Laravel and VueJS. Is that what an unemployed narcissistic neet is?
Kyle is an obnoxious cunt still using var like a neanderthal cumbrain, that's the reality of it. Your emotions won't change that fact.

That was it.
I'm officially retarded and also too tired to continue, time for bed.

I studied something else and was employed for that, never did any web dev but boomer management thinks "stuff on the computer" is all the same so here I am now. They're too stingy to hire an actual web dev.

also please use dash-seperated-case for your ids.

alright, you are forgiven

Thanks, I'll also pass it on to my coworker.

One random bit of information, since people often mix these things up:
PascalCase - Class names in JS
camelCase - Everything else in JS
dash-case - All HTML/CSS related things
snake_case - Python stuff, sometimes JSON as well

when you click to expand an image here, 4 chan x centers your view into it

how does it do that

If I want to host a bunch of dynamic websites on one host, should I spin up a VM for each site and use Nginx to route to the correct VM based on the domain? Or is there a better way to sandbox them(Docker)?

>dash-case
That's just kebab-case tho

Didn't remember the name for it, didn't care enough to look it up.

top kek

recommend me some free template for admin page :(

How the FUCK do i create a portfolio site literally every idea has been taken a billion of times already.
>Shop
Billions
>Social app
>Billions
>Video site
Billions
>Forum
Billions
What to fucking make i am desperate

Attached: 1547926999616.jpg (335x762, 31K)

wtf is portfolio even
dont you think CV?

just sites to show off you can fronted/backend you autist

Bump

then your question is retarded you stupid faggot
if its only to show off then why does it matter if its done over million times before by DIFFERENT people
you are the autist here you fucking snowflake fuck

Well then lets say its not a portfolio/cv site and you want a site that actually works and might attract an audience, how the fuck do you do that when everything that people want was already created

Still looking for some vim ninja tricks. I'd like:
-goto end/begining of line with and without edit mode from command mode
-skip to next word forwards backwards
-skip to end of word
-replace all occurrences of string
-replace occurences of string one by one
-go to end of file
- go to begining of file
...
-any other you think a beginner would find helpful?

Attached: hqdefault[1].jpg (480x360, 17K)

-remove whole word next to cursor

-remove whole line

think of some software that you would use on the web, and build it. As long as you're not completely autistic, other people will want to use it, too.

Half of these are already in the official cheatsheet. Come back when you at least tried.

I forgot all of them, you should do my homework, not me, reported to reddit mods

Realistically speaking, if i made some full-stack websites for my friends who have their small local businesses, would the $5 plan from DigitalOcean be able to handle it?

Attached: 235532253.jpg (875x103, 17K)

Kek, digitalocean

Everyone recommends it

yes

If youre a burger, i guess its fine. If youre euro, youre getting ripped off

Then what do i use as an euro

just use DO it's fine

Hetzner server auction or Contabo then
Ignore the DO shills

My $5 droplet handles thousands of visitors a week just fine.

>thousands of visitors a week
Kek, please tell me thats your portfolio site

>started model on Contabo
>39.99 euro
Bro

Aren't microservices just like programming libraries just for architecture?

Like, fuck me if I have to make another auth backend - they mostly are the same. Why maintain 7 auth services for 7 monolithic apps when you can maintain one.

Is that the only convenience?

Attached: gligi3j9uyn31.jpg (960x935, 91K)