/wdg/ - Web Development General

I wasn't asleep when the previous thread died edition.

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 (independent of your browser choice)
freecodecamp.org
codecademy.com
hackr.io
theodinproject.com/

>Further resources
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
github.com/kamranahmedse/developer-roadmap - Frontend+Backend learner-path suggestions
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: wdg_anime_embarrassed.jpg (720x529, 49K)

Other urls found in this thread:

jsbin.com/paguneduqe/1/edit?js,output
krautplausch.hopto.org
stackoverflow.com/questions/1527803/generating-random-whole-numbers-in-javascript-in-a-specific-range
youtube.com/watch?v=uONz0lEWft0&list=PLillGF-RfqbZMNtaOXJQiDebNXjVapWPZ
twitter.com/SFWRedditImages

First for php

Lets say moot comes to you (with a bunch of money from his new app working out) and wants to make Jow Forums 2.0
What would you use to make a better Jow Forums.

dev ops is so fucking boring and gay

ALGOL 60

I've seen another chan or two, and a few cool ideas. But nothing really worthy of note, Jow Forums is already "perfect". But to be honest I'd add a videochat functionality to it, to allow cumdumpsters to fap for us, they'd be age verified before they were allowed to cam (to prevent legal dramma), and us memers would get to mod the chats so we could band them if they don't deliver, other than that we could stream movies, music and ebin anheroes there.

I'd use whatever reddit uses since it's already Jow Forums 2.0

I was thinking maybe Ajax style chatrooms ?
Everyone gets one of those unique numbers like on /b/ or Jow Forums to differentiate between the many anons.
Or is Ajax chat too heavy to support a lot of users ?

Reddit is a little too spread out for me though, there are a few that fit what I like but I like that there are only certain topics to discuss about on Jow Forums, it keeps stuff flowing at a decent pace.
Some slower subreddits still have posts from like a year or two ago on the front page of the subreddit, I can't imagine that on Jow Forums.

I've seen chatrooms support 300 users... but I've seen chaturbait support 20000 users, it can be done, but probably need heavy servers

Does anyone know how to get bootstrap to work with vue.js? I know bootstrap but for some reason the only way I can get it to kind of render right is if I import it in the main.js file but it does not look as it should. For some reason having a css link in the index.html just doesn't seem to do anything.

Yeah babe, I've got some demons...but then again.......who hasn't watched a lil hentai on their Wii

Yeah they probably have some beefy hardware handeling all those connections.
It could be cool for generals or if there is something big happening on the news or something.
Just trying to think of stuff that would be a fun addition to have, the most advanced thing on Jow Forums is the oekaki board I think.

Why don't you use Tachyons, user?

You're with her, right?

Attached: 9THhksZ.png (806x277, 55K)

Look at this shit, le moi making a game and experimenting with the concept of ticks

jsbin.com/paguneduqe/1/edit?js,output

redpill me on why should i use Tachyons

Php guy

Could do like reddit but have it to where new topic pages are voted on instead of just created.

I would also introduce an expiration system where any topic page no getting at least one post per 24 hours would be deleted.

I'm actually going to speak to the chaturbate lead dev tomorrow if y'all have any questions about stuff like that.

Twitch uses IRC for their chatrooms and they can handle hundreds of thousands in a single room.

Ask them all about their servers.
>IRC for twitch
holy shit

>dataset easily fits in ram
>use redis as primary database

who else /toosmartforrelationaldatabases/ here?

Attached: 54eaa2ca898f91f34044716dfe46b9c6.jpg (1440x1194, 230K)

I have a github pages site. I have affiliate links, thus need to disclose this in a ToS. I've added a link to the ToS, but I'm unsure of where to put it. Should I just create a new repository, and use that, right in a README? A terms.md in the main projects repo?

I'm dealing with pulling images out of a Postgres database (actual blobs, not file paths), the images were generated with some proprietary Java software.

The query getting the image returns a long string that starts with "\\xffd8ff", does anyone know which image type this is? Is it even base64? When I do a query with PHP and return it to the frontend, it won't display.

I'm improving my self-made, anonymous, old school style chat from time to time, and yesterday I've implemented a mailbox feature. It gets activated when you click on the mailbox icon in the left frame. Then you'll get an ID, which you can share with others to receive messages.

It's still in an early stage, but everything seems to work and I couldn't find a serious bug.

The whole chat script will get released later.

krautplausch.hopto.org

Attached: mailbox.jpg (260x300, 17K)

Ok, will do. I'll post in the thread once I have an answer.

And yeah IRC is really easy to work with because they can flag events like subscriptions and bit donations. Really easy for developers to use that info to make tools. I run a twitch tool website and I'm branching off to Chaturbate which is why I know all these things lol

i'm gonna use opencart

how can i stop wanting to kill myself while writing a angular program?

how do i stop opening 100 tabs while doing web development

Lol my friend has 2 monitors with browsers on each with 200 tabs on each browser. I'll never understand.

It's simple though just close a tab when you don't need it anymore.

Learn one language/thing and do it a lot
When I use JS I can just code straight in the IDE without tabbing out, css I sometimes tab out and html obviously never

But if I go back-end and start using ruby or something I'm in 20 tabs mode, I guess it's just memory mixed with repeating things

Helps if you actually use the IDE to give you help, like vscode has mouseover docs so you can just type array.reduce and read what it does and what the params are, and see if you can get the index or whatever, makes it 10 times easier

I fucking quit my dev ops classes for this reason. Figure I'd eventually bang my head against a wall out of boredom if I worked doing that.

Is freecodecamp better to practice JS than codewars katas?

If you're new yes, codewars is more about "thinking" and sometimes maths or trying to make you use a specific type of algorithm, where as FCC is just introducing you to all the fundamentals one by one

codewars seriously makes me feel like shit.

>site only throws me level 6 katas despite being level 8
>level 8 katas are absolutely baby mode and I don't learn anything from them
>level 7 katas have a fuckhuge difficulty spike and cant complete any of them

Can someone explain this dice variable to me?

Math.floor(Math.random() * 6) + 1;

now, I understand that the +1 is so that you never roll a 0, but wouldn't that mean that if you roll a natural 6, you'll get a 7?
Wouldn't it be better to add an if statement that ONLY sums 1 if the roll was 0?

stop doing meme exercises
start building products.

How can I if I don't know how to do the exercises first?

stackoverflow.com/questions/1527803/generating-random-whole-numbers-in-javascript-in-a-specific-range

Thanks but this is another way to do it, it's not answering my question.

I wanna know how does that specific method works, because it absolutely works and I have no idea how if it's always getting a 6 max can it get a 6 if every result gets substracted 1

Math.random() doesn't actually ever roll a 1, it rolls from 0 to 1, but not 1

So the highest number you can roll is 5.9, not 6. then you use math.floor on it to bring it down to 5, and you add 1

So the lowest roll would be 0, floored to 0, + 1 = 1
the highest roll would be 5.9, floored to 5 + 1 = 6

If it's anything similar to how MSSQL handles binary data then you probably need to encode that string/binary data into a base64 string (for MSSQL this part isn't necessary) and or append a proper data URI (ex: data:image/jpeg;base64) before creating an image object out of it. This is all assuming the backend Java shit is just writing the byte buffer straight to the db tho (most common case).

Thank you, that works great.

vp9 webms, once you see the increased quality, you can't go back.

Where would you say is the best place to go ask questions and have people answer without bitching about how you should have researched that yourself? Stack overflow?

Yeah but be prepared to have a bunch of angry pajeets if you don't select their extremely convoluted answer as the right one.

The problem about stack overflow is that there seems to be a culture where the bigger the code = the better solution because its "more complex". I've honestly never seen a clean solution from stack overflow.

fs.writeFile(generatedUid + ext, userImageBuffer, 'binary')


Is this"bad"? Im using multer to grab the buffer from a multipart form after sanitizing it for ill mime types. I saw something about how this is awful for memory and to use pipes (node.js)

Ask me anything about PHP/mysql/postgres/javascript

Go.

>javascript
close enough?
I want to use injectIntl from the react-intl library but I know little about javascript and react which doesn't make things easy. I know I need both:
const { intl } = this.props.intl;
and
export default injectIntl(SectionNavbars)
but especially for the later one I have no idea how to do that since I have already this stuff:
export default withStyles(navbarsStyle)(SectionNavbars);

Condensed version of the code here:

import React from 'react'
/* more stuff */
import { injectIntl } from 'react-intl'

class SectionNavbars extends React.Component {

render() {
const { classes } = this.props;
const { intl } = this.props.intl;
return (




);
}
}

export default withStyles(navbarsStyle)(SectionNavbars);

Does anyone know where to get some proper Laravel docs?

I am tired of some fucking street shitter spewing shit all over a "tutorial" that consists of copy and pasting shit

man, watch laracasts. You have to pay like 3 dollars and it has a shit ton of tutorials.

dude I did like 7 hours on codeacademy for react and don't know shit about it. That thing is so far from js that I don't know what's going on.

I did study a bit of JS and React and Codecademy but sometimes I am lost, especially since different libraries have different ways of doing things and sometimes it's not easy to make them work together.

Anyway someone told me how to combine higher order components on Stack Overflow, so in my case I needed to do that: injectIntl(withStyles(navbarsStyle)(SectionNavbars))

Any site community that has an upvotes & login system to curate content is going to end as a NPC factory because it discourages any contrarian thought or discourse by forcing the contrarians to self censor in order for their posts to be seen and not be drowned out as wrongthink.

Seriously, fuck Reddit.

trying to learn CSS, but pic related is making me want to kill myself

echo '';
echo '';
echo ' Panel title';
echo '';
echo '';
echo '';
echo ':^):^^^)';
echo '';
echo '';
echo '';
}

.panel-sidebar {
background: #181818;
border: 1px solid #1e1e1e;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}

.panel-sidebar > .panel-heading {
background: #181818 url('../img/panel_head_bg.jpg') no-repeat top center;
border-color: #1e1e1e;
text-shadow: 0px 0px 10px #000000;
color: #fbbd8d;
font-family: 'Cinzel', Arial, serif;
font-size: 18px;
}

.statusbar {
max-height: 30px;
height: 100%;
}

.statusbar tr td {
margin: auto;
padding: auto;
}

Attached: Untitled.png (354x155, 26K)

now that I look at it the red text looks edited so I'll explain a bit more

that red text is supposed to be inside that empty box at the top, but it's not and it ends up looking like it does in the pic

Would any of you be interested in creating tools for cam model streamers? I need someone with node knowledge and webhooks or whatever is better than doing an ajax call every 10 seconds.

In all seriousness, I would get rid of Jow Forums because I feel like because of them, Donald Trump got into the office. I used to love coming to this site a few years ago. My friends from reddit would tell me to stay away because this site was filled with racists bigots. I didn't really see that much hate on here, until Jow Forums came a long. Seriously FUCK Jow Forums AND TRUMP. I would also add in a filter that would ban people whenever they would use a racial/homophobic slur. The ban would last anywhere from 2-5 months. If you want to shorten your ban then you will have to sign up for a pc class, where you learn about respecting others. After taking that class, your ban will be 10 days long.


This is really the only logical way I can see to make the chan a better place.

Attached: 1448995921905.jpg (1440x2560, 1.23M)

Go bck to re.ddit fucking spastic faggot.

Dont like it?
Dont come here motherfucker.

I think animations would be cool. It gives off that HTML5 feel instead of that web 2.0 feel.

DESU just use socket.io and in a Jow Forums style fashion, just have it not store older messages. Fuck Ajax.

You can literally just append messages as you receive them and it's ultra-lightweight.

Stack Overflow is great if you just pick the whitest sounding name as the answer.

does Jow Forums use php?

If you aren't good with React try another library.

I suggest Angular tutorials from Traversy media. He's really good at explaining things, and though the system is complex and takes some memorization how it works/where things are, it still all feels like javascript.

>Traversy media

Ah yes that faggot that just writes code and doesn't say shit about it, good teacher

Did you figure it out? I don't have enough info to give you an answer, but I don't think padding:auto is a thing.

Margin's and paddings can sometimes push things to weird things.

any good resources for a retard like me to start learning git?

yeah I know, was just trying dumb things hoping for a miracle
removing these doesn't do much though

Eh, some of his videos do that, some don't. For someone teaching people for free I wouldn't really call him a faggot because you're too much of a brainlet to follow along.

His Angular front to back series taught me how to how to build a login system.

youtube.com/watch?v=uONz0lEWft0&list=PLillGF-RfqbZMNtaOXJQiDebNXjVapWPZ

Unironically Youtube. Git is pretty easy, you don't need an entire class on it. You can pretty much watch a 10 minute video and understand it.

Word of advice though, use bitbucket and not github. Bitbucket allows you to do private/group gits without paying.

Can I see the site if you have it up? I'll take a crack at it and explain what's wrong if I figure it out.

If he's having a hard time learning React, Angular, being a fully fledged framework wouldn't work out well.

I'd suggest learning more JS and trying out Vue, a view framework that's built to be very beginner friendly. Once you're confident do try out React again. Most of your Vue knowledge can be transferred to React.

From what I hear, Vue is pretty much a knockoff of the original Angular, Angular.js

Is that true? I've stopped worrying about keeping up with the newest frameworks/libraries since they almost always go out of style instantly. (I make an exception for Angular since google actually upkeeps it)

>I've stopped worrying about keeping up with the newest frameworks/libraries since they almost always go out of style instantly

React is old as shit and still the most popular one

>start learning webdev because there's more work that's also easier to get
>already have a programming background, just 0 front end
>sweat every time it's styling time

I hate styling, send help

Attached: 1539867146810.jpg (217x222, 34K)

I was referring to vue.js

I was told Ember would replace Angular/Backbone would be forever, Jquery would never go out of style, angularJS would be the new standard to replace JQuery, etc.

Now I'm being told I should replace Express with KOA also.

>For someone teaching people for free I wouldn't really call him a faggot because you're too much of a brainlet to follow along

I actually have his MERN tutorial from UDEMY and its fucking shit, i can follow along just fine but why does it matter if i don't understand shit of what i am writing cause he doesn't explain shit

Attached: 1542722906696.jpg (1080x1306, 188K)

So google things you don't understand as you go?

The thing is at a university you got a head lecturer teaching stuff and you can ask them questions at any time.

If you're trying to get it for free online, you don't have the luxury of asking them what their code does as they go. It's up to you to go to places like Stack Overflow or /wdg/ or the video uploader's comment section even plebbit to ask what shit does and why it works. Most of his videos have pre-videos you have to follow before explaining basics such as an intro to react or intro to angular, it's not something you just go straight to the MERN stack or MEAN stack and scream HE'S NOT EXPLAINING IT WELL! when there's plenty of other videos he has leading up to his more complex ones.

If you're too much of a faggot to understand that then go to uni or tech school instead of trying to self teach.

Doesnt stop other people from doing full stack courses.There is a guy who explains everything with google spreadsheets and things like this who also did a mern stack tutorial. He is based as fuck

Any better alternative to VS CODE, something that is not a botnet? Also any good alternative to javascript? Maybe python?

Attached: opengraph-blog.png (1223x630, 12K)

I've been going at it for days, too. There's just so much different shit going on. Most courses include shit like redux, react-router, material-ui, etc. I think this is the problem I'm facing with learning React, so I'm going back to the basics, and learning React on it's own, with absolutely nothing else until I'm ready to take it on.

Try notepad? Confirmed non-botnet.
>Also any good alternative to javascript? Maybe python?
For creating anything on the front-end? No.

so the only thing you can think of is to censor people who disagree with your viewpoint?

idc if it's discrimination towards niggers or catgirls, your opinion isn't above anyones here, it's what makes it what it is

take that away and we might as well be reddit

>notepad
>not botnet
Nice try, Bill.

then use gedit

>Traversy Media

Fuck this guy, if you really want to learn frameworks from videos check out Academind.

>Try notepad
What is the point of asking when you guys never give serious answers and instead chose to mock me?

I will just stick to VSC, javascript and r/maymays reddit cuckshit.

Atom is pretty nice. It's literally made from Google Chrome.

Traversy Media isn't for brainlets, but Academind is good too.

I was thinking of start to learn PHP when I finish other course in a month, to increase the probabilities to find a job in the near future.
What do you think guys?
Php is a demanded technology in many countries, and it would be cool to know that language to build webs.. I think

Depends really on what you're going for.

You can make it by with javascript nowadays for literally everything web related.

Bitbucket is botnet, use Gitlab

Apply for a backend job

How is it a botnet?

Honestly, I think Visual Studio is okay. Huge and bloated, and it might run like shit depending on your machine, but it does what it's meant to. It can fix your syntax for you, and do a context-wide rename with like three keystrokes. If it isn't running like shit for you, just stick with it. The botnet is a meme.
As for Javascript, if you want to run something in a web browser, it's the only choice you have.

Attached: web development with assembly.png (506x662, 312K)

Anyone else pretending that they are Bob Ross while coding?

you should not use opencart

What are your needs? I would suggest you try the classical text editors, Vim and Emacs.

>now we are going to give this component a tiny little child

Attached: images.jpg (287x176, 6K)

Use bookmarks for articles that you want to read, and close the documentation tabs once you've found out what you needed.
Try to focus on one task for prolonged periods of time.

It's proprietary