/wdg/ - Web Development General

Is there a package on npm which generates a ready to go whole Website (like for a company).
Just some sample setup with maybe even an sqlite db or another db connection set up.

I'm looking for a quick starting point.

Are there any particularly good guides for learning React as a backend dev? Also is there any sort of standard for authenticating communication between two? I know there are standards for developing 3rd party APIs. Would it be the same just undocumented? I guess oAuth could be involved if its authenticating on -behalf- of the user?

Aren't the official React docs good enough for a basic intro?
For auth with SPAs, JWT seem to be a popular option nowadays.
Otherwise just check what options you like from passport.js, since that's one of the go-to auth libraries.
(Or those external paid services like Auth0, but that seems pricey)

But React itself shouldn't be too confusing if you have good JS fundamentals already, though the new functional components with their hooks make learning it less intuitive in my opinion.

Since there's webgl now can you make a website exactly like you would make a game?
Like create a UI system with buttons and all that.

That's kinda cool actually

This guy just invented HTML

I haven't built any react stuff in a while, someone redpill me om hooks pls before I jump in again

Better than Java

www.grime.online
im shilling it again

what do you all think of this monstrosity i made

>www.grime.online

>http

I honestly don't fully understand what your website purpose is? Just submitting OC artwork?

I think the design is cool. It seems like you're riding the line between edgy neocities website and your own style. Keep doing you.

WebGPU is the future

webkit.org/demos/webgpu/
youtu.be/K2JzIUIHIhc

You could, but you would lose a lot of the stuff that you get for free with the browser, like scrolling and inputs and a whole bunch of other stuff. And if you wanted to adaptively make things look nice on different screen sizes, that's a pain in the ass to do yourself.

So you'd probably end up doing a bunch of extra work, or you'd make a shitty site. But probably both.

WebGPU just lets you do processing on the GPU, so that means certain types of work is faster, plus you can offload your JavaScript rendering logic onto the GPU to make rendering more performant.

Is there any Javascript library with a more comprehensive 'instanceof'? I find it bizarre that JS provides next to no way to know an object's classes/prototypes/whatever. I know it wasn't meant to be object-oriented, but conflating all objects into a single 'Object' type ought to be a war crime.

use typescript

anyone have resources for learning django and python together? Free it books anything?

I just pirated a bunch of udemy courses. To be honest they're mostly horrible and not much better than YouTube videos.

I'm reading / doing this I was going to make a blog anyway its kind of pointless to make a blog now though, what am I going to do just re use the code? I mean idk its kind of a bummer because that was the project I was getting into

youtube.com/watch?v=-oQvMHpKkms

give me a straight answer
should i use docker for my symfony/vue project? is it good practice to always use docker? because i usually deem it unnecessary and i am bit too lazy

In my React app, somehow
console.log("old state",this.state);
this.setState({
foo: "bar"
},console.log("new state",this.state));

prints

old state
{foo: "initialValue"}
new state
{foo: "initialValue"}

How is this possible?

Go on Amazon and find some popular books, then just pirate those. That's how I learned Java years ago

this shit on the youtube videos too hard I got like this with node. I'm just going to do that

You're passing console.log("...") into the callback. What youre trying to do is absolutely correct, but console.log() is not a *reference* to a function - youre actually executing it immediately.

Take this, for example:

const x = function() { return "Hello!"};

if you now do the following, what happens?

console.log(x)

and what's different here?

console.log(x())

Try it out

-----

Do the above first; if you're done, here's what to do:

To prevent console.log() from getting called immediately, you need to wrap it in a function that *returns* your console.log-call, like this:

function() { return console.log("...")) }

or the more concise lambda function, which will work here because you need to access `this` (in this.state; lambda or arrow functions can access the `this` outside of their own scope, i.e. outside of their curly braces/function body/...)

() => { return console.log(this.state) }

Also, if you only return something inside your lambda function, you can shorten it by leaving away the curly braces and the return statement:

() => console.log(this.state)

is it just me or is visual studio code worse on macos?

bedford-computing.co.uk/learning/wp-content/uploads/2016/08/Daniel-Roy-Greenfeld-Audrey-Roy-Greenfeld-Two-Scoops-of-Django_-Best-Practices-for-Django-1.8-Two-Scoops-Press-2015.pdf

Haven't tried it, but I found it recommended on a leddit thread

Well that's my fallback. If possible, I'd rather have a library which I can add to existing projects, easily use in browsers, things like that.

>i got my friend's wordpress site password and i want to prank him

Just leave it two days and it'll end up hacked the natural way given the state of Wordpress.

I have created a bunch of tables and shit using postgres. I made a database of movies, composing of the titles, directors, year released, etc.

Is it possible for me to import this database into my django app and interact with that data further? I tried googling but I'm not sure how to word the question

digitalocean.com/community/tutorials/how-to-create-a-django-app-and-connect-it-to-a-database#step-5-—-add-the-mysql-database-connection-to-your-application

multi_d_array = [[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]]

multi_d_array.each { |x| puts "#{x}\n" }

New here...what does |x| mean lol u_u

Looking closer is it some kind of placeholder so i can interpolate? What's it called exactly? I'd like to look it up

what language is that?

It looks more like a normal variable which gets populated by the each function.
x is commonly used for these like array.forEach(x => console.log(x) });
Then x is the current iterated item.

wtf is that syntax and where did you see that?

A detailed explanation is given in the "alt.binaries.pictures FAQ"
(see "pictures-FAQ"). This is posted to the pictures newsgroups and is
available by ftp: ftp://rtfm.mit.edu/pub/usenet/news.answers/
[18.181.0.24].

In brief, there is a series of things you have to do before viewing these
posted images. It will depend a little on the system your working with, but
there is much in common. Some newsreaders have features to automatically
extract and decode images ready to display ("e" in trn) but if you don't you
can use the following manual method:

1. Save/append all posted parts sequentially to one file.

2. Edit this file and delete all text segments except what is between the
BEGIN-CUT and END-CUT portions. This means that BEGIN-CUT and
END-CUT lines will disappear as well. There will be a section to remove
for each file segment as well as the final END-CUT line. What is left in the
file after editing will be bizarre garbage starting with begin 660
imagename.GIF and then about 6000 lines all starting with the letter "M"
followed by a final "end" line. This is called a uuencoded file.

3. You must uudecode the uuencoded file. There should be an appropriate
utility at your site; "uudecode filename" should work under Unix. Ask a
system person or knowledgeable programming type. It will decode the file and
produce another file called imagename.GIF. This is the image file.

4. You must use another utility to view these GIF images. It must be
capable of displaying color graphic images in GIF format. (If you get a JPG
format file, you may have to convert it to a GIF file with yet another
utility.) In the XWindows environment, you may be able to use "xv",
"xview", or "xloadimage" to view GIF files. If you aren't using X, then
you'll either have to find a comparable utility for your system or transfer
your file to some other system. You can use a file transfer utility such
as Kermit to transfer the binary file to an IBM-PC.

Its Ruby. So |x| absorbs the arrays and then they use |x| to plug it in the interpolation so it print all of them into a string?

Codecademy

See tutorialspoint.com/ruby/ruby_iterators.htm

thanks

HTML is easy but hard

I cant code it from plan canvas how do

How do I find the font family of a font I have installed on my system?

wtf is your question

All my users are dead. A month ago I had 16k daily users, now I barely make 800. They are dying like bees.

Attached: 15386696575960.jpg (516x440, 124K)

what gaym

>16k daily users
damn son, sounds to me like they've found something better and moved on or just faced a fatal flaw that have turned them down

I'll be your user :)

>they've found something better
Most likely this but I'm too afraid to google, I bet I'll find some greedy ass corporation with a thousand pajeets working overtime on stealing and improving my idea.

Fuck.

don't be a pussy, and BTFO those pajeets

explain workflow down to a function from nothing to something

How can I compete with a swarm?

By obscuring your source code a hunnid and BTFOing all their feautres.

and btw, I'm just memeing I actually have no clue how

create a reddit post

unironically

Lazy people is who docker is for.
If you’re going to install and configure apache and a database on your machine manually, you’re going to be doing that over and over again every time you want to switch computers or deploy it.

With docker you can spin up a new development machine in one line. Deploy a staging server in one line. Deploy a production server in one line.

Not the mention ci/cd

Any way of easily migrating a Spring MVC webapp to Spring Boot?

I'm lost af

Attached: 1516924234608.jpg (1280x1191, 486K)

>this bread is dead
>no hsg
I hate this board. Why are there no websites where i can discuss servers and development anonymously?

no one is here on the weekends

Why? Weekends is the only time i have to relax and talk about or work on personal projects, rest of the week is wagie time

PHP - regular expressions
> $route = preg_replace('/\{([a-z]+)\}/', '(?P[a-z-]+)', $route);

What does ?P in the second part stand for ?
If i remember right the "?" this can be latter saved with pregmatch into array as name, but why is there P in front ? The tutor skipped this part.

full function inside img.

Attached: Capture.png (736x256, 27K)

at least you guys talk about ur actual projects
nerds in dpt just throw langauges at each other day after day

pic related is so true, nostalgia today isn't what it used to be

I don't know why, but the thread always gets fewer posts during the weekend and more during workdays.

Redux or Mobx for state management?

Are you using React?
Redux is nice but maybe the Context API is enough for most cases: reactjs.org/docs/context.html
Haven't used Mobx

Yeah React. I want to learn one of them because it seems that more jobs are requiring some state management library.

Can I use an interface as type inside of an interface in TypeScript? When I define an object as object I think TypeScript requires from me to type the keys inside of that object. Workaround is, that I set the object type as any.

This is some deeply nested object from an API, so It's not something I care about a lot, but I'm still curious.

Mobx is easier to use but easier to "break rules" (e.g. modifying state directly from a component)

Redux has great middleware though that make things better for larger projects (e.g. store persistence using redux-persist, async actions using redux-saga). Also the ability to time travel through dispatched actions are great.

So in my opinion, Mobx for small-medium sized projects, Redux for large projects.

Laravel.
Comfy.

This angers the PHP pro.

How do I make a new variable each time I loop in javascript?
for (let i=0;i

they're called arrays my dude, or do arrays don't save your butt in this occasion?

Neat

What does that even mean?

I was looking at babylonjs and I saw the author has 37 million LoC github.com/BabylonJS/Babylon.js/graphs/contributors

how is this even possible? does that also include 3d models and/or automatically generated code?

You have to initialize the array first and then you can put stuff in it.

const test = [];
for(let i=0;i

Why can't I save inspect element changes (html/css) with chrome web dev tools on my local files if I could on previous versions? Adding folder to workspace doesn't work. I can see my previously saved changes only if I open web dev tools on the page, otherwise it shows as it was before. It's driving me crazy. Pic related this option is no longer available!!!

Attached: maptoresource.png (1130x520, 49K)

is creating a blog using something like Hugo/Jekyll/Gatsby worth it? or is wordpress fine?

want to start a small blog (like 2 posts a month max), just so that in case people google my name they can see something about me other than my linkedin profile

thoughts on setting a site up using Gatsby or Jekyll?

Attached: 1_GktUTPLcZOqzFtQLHDKLLw[1].png (1600x446, 69K)

anything is fine, just start writing already

Front end devs are the black sheeps in the industry:
>you get fucked over by back-end devs
>you get fucked over by UI/UX designers
>you have the lowest salary in the dev department

gender quotas are on their side tho

Can someone recommend me how not to get burned out when learning programming/web dev? I just started and while I had no issues yesterday with a 8 hour marathon, today's 6 hour marathon with only 2 20 min breaks really did a number on me. My brain can't work and I feel exhausted from learning/practicing.

Does this shit just give you a premade static?

How do I actually make money with this (or programming) without having to compete with 3rd world countries for $5/hr? I don't have any good ideas but I'm halfway through a degree in CS and I have some knowledge

Make a porn site

Spend the time to make something that's useful or fun.

And then charge money for it.

Mostly that works best with mobile apps but thankfully cross platform solutions like Flutter exist so that you can develop these kinds of apps fast.

Which one should I learn, React or Vue?

IIFE

Array.from({ length: 5 }, (_, i) => `Val no ${i}`)

How do you align an element at the bottom of it's parent element?

Putting bottom 0 and position absolute allows it to leave the container. Putting bottom 0 does nothing by itself, vertical-align attribute does nothing etc.

I'm really in the need of some harsh, honest input.

How do you guys see the current state of the industry in order to set your feet in as beginner with an unrelated degree and no experience?
I've been studying for the past 6 months, went through HTML, CSS, JS, probably slowly, but I wanted to understand this. I also studied SASS, Bootstrap and now I'm learning React, Redux and Adobe XD.
The thing is, I got offered a full time, unrelated to web dev, job that would probably mean the ending of my career switch adventure.
The thing is, I'm not the most optimistic person. I'm doing progress, but I'm 30 and landing a job where I live (Spain) is not that easy, so passing on this might be seen a mistake by some.
Right now I'm considering the option of working remote if I keep studying or trying to make passive income creating websites for myself.

Sorry for the wall of text, but unbiased input could be really helpful.

Attached: 148310132750.jpg (424x338, 22K)

>Putting bottom 0 and position absolute allows it to leave the container.
Is the parent element positioned? Position:absolute aligns the current element to the nearest positioned ancestor; where 'positioned' means anything other than position:static (the default). If position is unset on the parent, try changing it to relative.

Bottom:0 by itself does nothing since that property only applies when the element is positioned.

Vertical align only applies when an element has display:inline or inline-block.

Help.
I need to learn PHP, Laravel and MySQL. Where do I head up?

laracasts.com/series/laravel-from-scratch-2018

How do I store secrets client-side? in regular old variables?