/wdg/ - Web Dev Gen

How do I into good looking frontend sites?

I can do all the backend stuff easily but I always feel like the frontend side is lacking. I tried using bootstrap to make it look nice but it just still feels like something is off.

Want to learn web dev but I heard its for women and poc. True?

Sad thing is, i can't even tell if you are joking.
The absolute state of Jow Forums

Practice CSS3 more
youtube.com/watch?v=moBhzSC455o

>optimize your site as much as you can
>looks clean sharp everything in place when using chrome
>looks like wet dog shit rendered by pentium III on firefox

Maaan I'm starting to hate the shit out of Firefox as of late. After all these years it still looks disgusting and works slower than chrome.

I really wish they stepped up their game or just died at this point. (And this is coming from once a huge firefox fanboy)

Firefox is the worst piece for shit. It was acceptable as an alternative for a number of years, but has steadily gone down hill and become what it is today.

Is there a way of emulating using different browsers?
I use Firefox, but say i want to see how the website would look like on other browsers. Could i do that without downloading other browsers?

Comment trouver l'IP d'un joueur sur des jeux vidéo en ligne

Well, Opera is chromium based so what you see in chrome and firefox works there just aswell. Latest Safari tries to be like chrome more and more so very minor differences here too.

What you are left with is IE that can go fuck itself right from the start anyway because the users should know better BUT even here, the latest IE actually works quite well sometimes even better than firefox.

It is higly recommended to dev in Chromium/Chrome and make a few patches for Firefox if you want the maximum compatibility with the least effort. For mobile view the Chromes dev tools emulate pretty damn accurate too.

TLDR: Get Firefox and Chromium/Chrome for testing, ignore the rest.

Just report and hide, Jow Forums outside of Jow Forums and Jow Forums outside of Jow Forums is like /b/ outside of /b/. A violation of global rule #3

Why is this on page 8?
Are you all pretending to be working?

Attached: the game.jpg (426x493, 18K)

Well they had to get something running at the start. Maintaining and updating is in the hands of God.

I've been learning php, but a lot of people say to avoid that language like the plague. Even here I've seen posts of anons shitting on that language.
is php really that bad?

What else are you going to use for something that connects to a database ?
I still learning stuff myself but it seems like the front end stuff is just HTML/CSS and Javascript and backend stuff is PHP and databases.

Thats true for the majority of the internet. Just learn php. There are many jobs in it. Its easy to deploy. And most content management systems are written in it.

How long would it take a beginner that just has knowledge of HTML5 and CSS3 to learn Javascript, php and database use ?
Would a year or so suffice to be able to apply to junior web development jobs ?

PHP is not the only one that can do what you mentioned

Really ?
I've only ever seen PHP mentioned when it was about database type stuff, like user logins or whatever.

You could just google "back end languages" and see a list of them all, or look for frameworks and see all the options.

PHP is only good if you plan to use wordpress, otherwise I don't get why you would want to begin to learn it in 2018

Fine, i get conditionals, while and foor loops, functions, arrays and objects. forEach confuses the shit out of me still, but it will click i hope.
Now if only i could actually build something with it.
I have no idea how to approach even the simplest of problems. How do you do it? Do you write the process on paper?

And /wdg/ posters wonder why this general is a considered garbage
Imagine being so retarded that you think PHP is your only option for 'database stuff'

I am not entirely sure what my personal/portfolio website should contain,
What kind of content and design should I do etc.
How do I figure this out?

No, not unless you want to pay for remote testing. You just need 4 browsers anyways - chrome, firefox, safari, and IE. They all have different engines and will handle things differently, but if you test on all 4 you got your bases covered.

I am 100% sure i seen this exact same comment word for word in a few threads already.
Anyways, check out other people's portfolios and see what they do

I can't test on IE/Edge anyways since i'm running Kubuntu

Use a VM, that's what the web designer at my last job did.
He just spun up one of about a dozen VMs he had for shit like that, it's how you test IE on a MacBook Pro.

user should just do whatever people ask for in tech interviews etc.

Spin up a VM, they're still a good 5%+ (depending on what your demographic is). Same with Safari on Mac.

Either use a VM or a site like browserling.com/
Look for an alternative that doesn't force you to pay

forEach applies a function to each element of an array.

And yes you should write the process on paper, writing down the steps ensures that you'll think of all the possibilities.

With the amount of tools and shit out there in webdev, how do you know what to use for your project?

>forEach applies a function to each element of an array.
Sure, i get it conceptually, but it still confuses the hell out of me when it actually comes to writing it. I suppose i need to read more about functions in general.
Say we have an array of colors
var colors = ["red", "orange", "blue", "yellow"];

And we want to print each color in the array
colors.forEach(function(clr){
console.log(color);
};

I understand the idea. It says: "for every color inside of var colors, print it".
Yet, i get lost in why i need to use a placeholder value in the first place. I know it makes sense, it just won't click with me. Gives me a hard time when actually trying to write it.

You're bound by legacy in 90% of the cases so you just use what you can

I'm sure you just made a typo but
colors.forEach(function(clr){
console.log(clr);
};

is what you want. Just imagine forEach phrased like this in English:

"This array - for each of the items in it, which I will refer to as 'clr', I will log each one in the console"

So the result you get from the console is
red
orange
blue
yellow

The log method of the console object is used four times, for each of the items in the array.

I need something quick and dirty for my backend to interface with a form only interface, no api
What's the fastest way to do this? Selenium?

>Front-end
A. Mature/Stable - Plain Javascript
B. Newer/modern - Angular/React/Vue
C. Antiquated/Obsolete - jQuery, AngularJS, Backbone

>Server-side
A. Mature/Stable - Python, Ruby, PHP, C#
B. Newer/modern - Node.js, Go, Elixir
C. Antiquated/Obsolete - Coldfusion, Perl

Could you point me to those posts? Or atleast paste that info here?
I am in no way interested in web development, but I have some experience with it and want a neat and tidy site.

I don't mean languages so much, more tools. JS tools specifically. Shit you npm install.

Just use whatever is currently popular, well-document, and werks.
They're all going to be obsolete in 6 months anyways.

>I'm sure you just made a typo
Oh, didn't catch that. Yeah, it was a typo. Actually missing the closing ) as well.
>"This array - for each of the items in it, which I will refer to as 'clr', I will log each one in the console"
This actually helped quite a bit. Thanks user. I still need to read up on how functions work exactly as it appears the whole concept of functions and looping through objects hasn't really 'clicked'.
I hope i get it, JS doesn't seem very complicated in theory. I have no prior programming knowledge, so that's a slight handicap.

Just read through old threads and ctrl+f for "portfolio". This question gets asked often.

And even better way would be to learn how parameters work and understand that you are calling a callback function on each element on the array.

So that callback function is taking in a parameter (clr) and now inside that callback function you do something to every clr.

Imagine you are going through the array 1 by 1 and picking out each element and selecting that as something, calling it clr, then passing that to a function, how does that function know what "clr" is? You have to name it inside the function.

If you don't pass clr into the function, it will never know clr exists, and you would have something like

colors.forEach(function(clr){
console.log(abcdefg);
};

But what is "abcdefg"? It doesn't exist, and there's no way javascript will have any idea what the variable "abdefg" is supposed to be..Unless you pass it to the function as abcdefg like

colors.forEach(function(abdefg){
console.log(abdefg);
};

Now the console.log(abdefg) knows what abdefg is, you've passed it through as a parameter to this second function that is being called, it understands that whatever the forEach is currently returning (eg. "red") should be passed through as abcdefg.

Until you give the function a parameter it will not know what clr, color or anything is. The second function inside the forEach has to have the parameter named and passed to it, then you have access to it.

If you do something like

colors.forEach(function() {
console.log(color)
console.log(clr)
console.log(abcdefg)
}

none of these will work, the function has nothing being passed to it. it's just an empty set of brackets with no parameters, there is no way this function inside the forEach can figure out what you mean by any of these things.

try doing

for (color of colors) {
console.log(color)
}

You are doing the same thing here, except the parameter is being called color and being passed through to that function automatically.

>tfw you somehow fuck up code tags because you had to delete text for being over 2000 chars now it looks fucking retarded

I'm sure it will make sense anyway

>PHP
>Stable
doubt.jpg

>Imagine you are going through the array 1 by 1 and picking out each element and selecting that as something, calling it clr, then passing that to a function, how does that function know what "clr" is? You have to name it inside the function.
I understood that perfectly, thank you user.

for (color of colors) {
console.log(color)
}

This actually made perfect sense. I had no idea "color of colors" would work though.
But i get it now. This is basically the same thing as forEach, we are literally saying "take each item in the array one by one, name it "parameterName", then print it out". Just tested
colors.forEach(function color(clr){
console.log(clr);
});

and it made it click. I know the function name is redundant, but it confused me. Now i read "for each item in the array colors, call the function that does {imagine i did an input, print out that input}"

How can such a simple concept cause so much headaches is beyond me though. But i get it finally.

It depends on project. I'm not going to bust open webpack react bootstrap etc for a fucking static site that'll get updated at most every 3 months for a client.

>Newer/modern - Go

Attached: 1529858578841.gif (379x440, 140K)

I have a question about object oriented php. How am I supposed to store object data in a database? Is there some correct object oriented way of doing it?

You mean like an ORM? There are some libraries you can use, or write your own method (Read up on PDO)

When fetching you can use $stmt->setFetchMode() with PDO::FETCH_CLASS to get a populated class, but an ORM will handle that for you already.

I have a div which contains some words, and added a click listener.
Is there a way to know on which word the user clicked, or is it necessary to wrap words in tags?

Not unless you want to fuck around with event positions and end up killing yourself when a certain browser does it differently.

In .net core when creating routes in a controller, is it possible to specify a route like this:
[HttpGet("/myAction/requiredParameter1/{requiredParam1}/requiredParameter2/{requiredParameter2}/OptionalParameter/{optionalParameter?}")]
public IActionResult someMethod(int requiredParameter1, int requiredParameter2, string optionalParameter)
{
...
...
...

return new OkObjectResul(....);
}

where optionalParameter/valueOfyOptionalParameter may or may not appear in the query string, without having two separate methods, one that takes just the required parameters, and one that takes both the required parameters and the optional parameter?

Try as I might, Swagger always reports the third parameter as required, and/or .net core throws an error complaining that the string must be a non-nullable type if I try and specify it as optional in the method signature, e.g. public IActionResult someMethod(int requiredParameter1, int requiredParameter2, string? optionalParameter)

Can contenteditable=True behaviour be changed?

>no java
b a s e d

t. people who have never been in the corporate world and used ibm websphere

>There's some framework I can't remember that everyone uses to wrap SQL DBs
sequelize

I just use html/css/javascript/php. No frameworks.
There is no real reason behind it, except maybe laziness and a slight aversion to third party shit.
Also self-host all the fonts, self-host ads and pretty much self-host everything.

stop signing your idiotic posts

Yeah, that's the one that I'd forgotten.

Use meme arrows. Looks clear and easier to understand.

colors.forEach(color => console.log(color));

Java is more mature than C#.

Yes, I believe one year is doable, you should also pickup a front-end framework/library such as React, or Angular 2+.

Thanks for the response,
I'm currently refreshing myself on HTML5 and CSS3 just so I know that I can do all that again (haven't used it in 5 years now at the least).
I'm spending most of the day watching a course on youtube and trying the things that are done in the course myself. Already found some little things I could do better in the little HTML5/CSS3 website I made (not using style tags in the main doc but putting it all in the CSS file). Importing a different font to load from the same server and not the one from google gave me a bit of a headache but it worked out in the end.

Is that new?
Haven't seen this used in any of the guides i'm doing

It's been around since 2015 or so. JavaScript conventions are updated every year. Welcome aboard the JS ecosystem shitshow, newbie

Care to explain what this method is called so i can read up on it?

Arrow function

Well, i feel dumb

How easy it is to setup React with a django application?

Is it better to use await instead of .then().then()....
?
getUser: async () => {
const response = await fetch('api.github.com/users/abcdef')
const body = await response.json()
return {
user: {
avatar: body.avatar_url
}
}
}

React -> front end
Django -> back end

is that your idea?

How good does my host need to be to handle a chatroom with 5k people?

Do special arrangements (legal) have to be made before I can make a hentai site?

bout three fiddy

>steal other people's content
>hmm surely this is legal, it's only drawings!

Not really, just comply with DMCA if they're legit and you'll be fine.

Yes, it allows for much cleaner code in most cases.

No, I meant how easy it is to setup a production environment that uses both Django and React. I could just dump the static files React gives me after building it but I want to actually tie what the react create app does and Django together. The issue is that each reload from webpack gives different names to the react bundle so

You don't do that though, you split them up and use Django as your entirely seperate back end and then React as your entirely seperate back end.

What are the most robust backend frameworks that give you most if not everything you'll ever need out of the box? I know of Django on Python and Loopback on Node, and of course Rails on Ruby. Does Java have anything like that? Is Spring more low level?

You can, The easiest way is just to have Django spit mini react apps per route, but if you want an SPA you set up Django to give the routing control to react router. What he wants is to create a development environment in Django that takes in React's dev environment as well, which requires a bit extra setup from webpack if you want to hot reload both the django backend and react front end at the same time and want them both coupled together.

But you don't need to do that? Just split them up and then when you host it you just run build and let express serve the index.html from react, there's literally no reason to want to set up webpack like that when all you even need to do is have a script to start django & react devserver at the same time and you have the exact same effect, but with 0 downside and 0 effort.

And you don't need to use any framework. Doing things like these is just for convenience.

How to accept payments for adult content?

Anybody tried adobeXD ?
Pic related. is it a legit filesize? 500+ MB?
I was expecting it to be around 1GB

Attached: Untitled-1.jpg (708x142, 15K)

Adobe xd is free now.

xD

Spring Boot seems OK from the little i've seen of it.

Which one is better?

Attached: SA.jpg (1024x575, 75K)

VScode

What is the latest version of NPM?

Can anyone tell me how to upgrade/install the latest version on Ubuntu? I can't fucking find out how to do it. I installed Node 8 LTS and it seems like it came with npm 3.5 which is old, isn't it?

Attached: 1518845382774.png (211x239, 6K)