/wdg/ - Web Development General

Previous thread >Discord
discord.gg/wdg
OR
discord.gg/0qLTzz5potDFXfdT
(they're the same)

>IRC Channel
#Sup Forumswdg @ irc.rizon.net
Web client: rizon.net/chat

>Learning material
codecademy.com/
bento.io/
programming-motherfucker.com/
github.com/vhf/free-programming-books/blob/master/free-programming-books.md
theodinproject.com/
freecodecamp.com/
w3schools.com/
developer.mozilla.org/
codewars.com/

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

>Frontend development
github.com/dypsilon/frontend-dev-bookmarks

>Backend development
en.wikipedia.org/wiki/Comparison_of_web_application_frameworks
[Gist] backendDevelopmentBookmarks.md (embed)

>Useful tools
pastebin.com/q5nB1Npt/ (embed)
libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
programmableweb.com/ - List of public APIs

>NEET guide to web dev employment
pastebin.com/4YeJAUbT/ (embed)

>How to get started
pastebin.com/pDT82mQS (embed)
pastebin.com/AL6j7GEE (embed)

>cheap vps hosting in most western locations
lowendbox.com
digitalocean.com/
linode.com/
heroku.com/
leaseweb.com

Other urls found in this thread:

getbootstrap.com/customize/
codepen.io/user/pen/WRWdeq
stallman.org/
gtmetrix.com/reports/stallman.org/Jff97SVo
lunrjs.com/
developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions
codepen.io/user/pen/LxvaxN
api.jquery.com/each/
twitter.com/NSFWRedditGif

I'm thinking of getting a job in C# .NET instead of a java web dev job. My reasoning is that I might want to do game development in Unity some time in the future and then I can use my skills in C# I build up during web dev. Am I wrong in thinking that any skills will be transfarable at all?

I need someone to unfuck me.

I've made a shared component and put it on a private npm feed, I am trying to consume this component on two separate websites. On one (right) it should show up with two columns, two rows + button. On the left side panel, it should show up as 1 column, 4 rows + button.

It seems like the component isn't aware of its dimensions in its smaller div on the side panel (350px) - is there anyway around this? what am I doing wrong?

Component:







Full Name



Email Address



Password



Confirm Password

Submit

Maybe check with

I've been doing C# .NET development for 5+ years now and I can't say it translates well into game development, Unity or anything like that.

Game dev involves frameworks and APIs that you won't really be using in your every day job, I would argue more game dev practice on your own time would benefit you more.

Is skeleton css decent? I'm new to web dev and especially new to front end.
I've used bootstrap before but I like how simple skeleton is since I'm only making simple projects currently.
Eventually I'll get better at frontend just curious about people's opinion on it and if it's a good starting point.

It's great, but hasn't been updated in over a year. It's stable a year later because it's so limited nothing in it really ages. It's fine for the simplest stuff when you just need a grid system + basic UI elements, but you'll grow out of it very quickly.

Most webdevs will organically grow their own version of Skeleton, just a repo with their favourite grid system and some boilerplate CSS style.

Since you're looking for things to try, I'd suggest you customize a minimal Bootstrap package and learn it inside and out. Slowly add modules to your standard package as you need to use them. getbootstrap.com/customize/

Make your users love you with a JavaScript popup.
codepen.io/user/pen/WRWdeq

random

Elements' can't know how much space is available to them.


What, did you think CSS was a competent language?
Layouts in CSS were an afterthought. We still have to use decade old hacks (float) today because flexbox, the first attempt to create (one-dimensional) layout in CSS is still not supported everywhere. Let's not even get started on Grid's support.
And even if browsers finally support it, we will only be on the same level that other systems were in the 90s.
Today, in actual GUI libraries, it's all about constraints.

And that's basically why "Responsive design" is a joke and "Responsive Frameworks" like Bootstrap are stupid. The dimension of the browser window doesn't matter. The available space in the current context does.


...Anyway, if you can use flexbox, that will help you.
Or you use the cascade and make a hack like
.my-shitty-side-bar .my-shitty-component m6 {
width: 100%;
}

Thanks for the response. I'm not necessarily looking for too much to try as I dislike front end and design(aka am shit at it). I'd much rather get better at backend and have a minimal frontend and either slowly build it up or get a front end dev to help me.

Basically I dislike css.

Then fuck frameworks, focus on grid systems. Find your favourite and really learn it. Knowing how to work a grid fluently will 10x your output more then anything else, while keeping you away from _style_ and instead focusing on _layout_.

Can you guys try to break it?

Crowdcookie.com

Leave filesystem intact, but feel free to sql inject and wreck the db.

>Please spear phish me
>Please call my Host/DNS/Whatever and hijack my shit

Like the other guy said. It was once great but has since been abandoned. It's still a nice basic framework, but more modern options like Bulma.css (you should really use a Flexbox based grid in this day & age) are a better option for you to look into.

Social engineering isn't vulnerability testing...it's social engineering.

You're missing the point. user won't ever respect your requested scope.

>Crowdcookie.com
I just submitted a couple. tried sql inject and XSS. But I can't see any output so you'll just have to check I guess

>falling for the shitty M$ layered error prone framework meme

You were successful. Thanks.

I hear you.

Unfortunately (in my case) the shitty side bar is going to be implemented in a separate internal project where I don't have control over the stack / what we can use. Going to have to hack away at the CSS.

What's the name of your table holding the fortunes?

>hire professional pajeet writers to write content for my website
>they write worse than me, while I'm not even a writer
>I spend just as much time correcting their work as I would spend writing it myself
What's the purpose of outsourcing to pajeets again?

Get them to just do your research and write based on their notes + what you know? Sounds like that might actually create some value for your topic(s).

>tfw optimization autism hits you
I can't live if my sites have >2s first visit load time from anywhere in the world.

I can't live if my sites don't get PERFECT PageSpeed and YSlow scores.

Anyone know the feeling?

just go full stallman stallman.org/

Stallman's site is shit though.
gtmetrix.com/reports/stallman.org/Jff97SVo

And it looks like ass. It is possible to deliver good, modern-looking sites without being bloated as shit.

...

LOOK AT THIS SLOW PIECE OF SHIT

6.9 SECONDS AVERAGE FIRST VISIT LOAD TIME?
WHAT IS THIS? 1995? 56K MODEM? THIS IS WHY CDNS EXIST

>living in isreal
>living in USA

my sides

Shitposting? In my /wdg/?

It's more likely then you think!

Or Germany. Or AU. Or China. Or Japan. Or India. Or South Africa. Or Poland. Or Netherlands. Or Canada. Or France. Or ANYWHERE ELSE ON EARTH! My sides are already on an extrasolar trajectory!

No but seriously, am I the only one with severe optimization autism? ;__;

I feel you man, it's fun

80:20 man, setting arbitrary speed thresholds will just have you chasing tenths of a second, which don't matter.

Thats actually a good idea. Ill try it out.

You could probably take a pretty accurate guess.

try putting this in your cookie and replace your table name (remove brackets):
'; DELETE FROM [table name] WHERE Author = 'Anonymous';

If even an error is thrown, you have a problem. Also try with double quotes

So, I just got off the phone with a recruiter. They were looking for a fucking junior php developer and I got shut down for not having a degree or professional experience. This is like the 4th time that's happened, damn cunts.

Fuck this, I'm going freelance and never looking back. I don't care if I have to take $5 upwork jobs for a year, I'm just desperate for a way out of this semi-NEET lifestyle I've been in for the better part of a decade.

I have like 20mb of JSON in my React Native app that is the content for everything. I'm trying to create a search function, is there a better way to find the results other than descending through all the children and looking at the content?

Seems horrible inefficient.

It didn't do anything.

I'm using PDO with prepared statements, so it should be safe so far as I know.

Have you considered using SQL.js? It is a JavaScript implementation of SQLite. It should make querying that data much easier.

>no degree
>no pro experience
How did you manage that? Are you literally 18 years old?

>not having a portfolio that rocks to avoid those excuses for not hiring you

I'm in college, but funds will dry up after the fall semester and I'm scrambling to find some kind of employment. I'm not above working at mickey d's, but I have some skill with web dev and I'd like to put it to use.

That's fair, I have a portfolio with lots of projects but none of them really stand out.

If you didn't show them anything at all, for all they know they're hiring someone who just says they can program php. This is a pretty big risk to take on.

Minimize the risk by showing them your work.

I know the feeling.

Keep applying.

I literally just landed a web developer job just 2 days ago.

Not even entry level, actual web developer.

No degree and no work experience.

Do they make you create content (take photos or videos)?

I cant find a Web Dev job to apply for that's not uploading photos to Wordpress

My github and personal website are listed on my resume, and I always mention them (as well as projects that are relevant to the job) when speaking with a recruiter since it's basically the only reason I'm able to justify why I even bothered applying.

Do you write clean code?

I add functionalities that clients request to an inhouse php framework and do some JS work too.

I haven't started yet. Just gave my prior job 2 weeks notice.

wait wait wait... are you querying constants that exist inside the components? are you saying the data flows out of the components up the inheritance hierarchy?

Thanks man.

I knew at the onset that I'd need to learn a little humility before I got anywhere, but I didn't imagine it would sting this much.

Dang that's close to my dream job right now. Thanks for the inspiration.

I was searching for an entire year. Don't put all your eggs in one basket. Start applying for apprenticeships and placement programs like through LaunchCode. Glassdoor, Indeed, Ziprecruiter, Monster, Stackoverflow, Craigslist, Dice, angel.co
Post resumes everywhere.

Craigslist is what actually landed my job.

also I BELIEVE IN YOU

Whenever I write code, I try to make it as easy as possible for someone else to read it without sacrificing functionality.

Believe it or not, what's been getting me interviews are these random ass mailing lists that started appearing in my inbox one day. At first I thought it was just some pajeet spamming me but there's actually some good stuff in there.

Anyone else getting spammed with amazon recruitment emails?

I don't even do Java/C++ and they never stop coming.

Is NY internet that slow? I've never heard that before.

What mailing list is it?

David Careers is the one that sends me okay stuff from time to time. There were a few other ones but they just sent me irrelevant jobs (senior-level IT positions and whatnot) so I unsubscribed from those.

I'm importing a JSON file as a global, and using it in the components to look up stuff based on the route of the app.

Yeah, this looks cool. lunrjs.com/ Looks nice too, which is what I'm leaning towards if I can't make it work. I fucked everything up by trying to do it so fast. My data is a mess.. I didn't think before I started.. I'm formatting/cleaning in like 3 different places, and I just found more errors.

Bump

Don't even bother with recruiters unless you look good on paper.

They will ignore you 100% of the time. I promise you.

question to those who use webpack code-splitting:

am I supposed to include 0.bundle.js in the script src="" tag as well? or just the entry.bundle.js only?

Would anyone recommend freecodecamp? They want to make me do Jquery before JS

for (var i = 0; i

Former

Neither, you'll end up with the return value of someFunc(0), someFunc(1), someFunc(2) and so on, which is most likely not what you want to acheive. You're looking for this:
document.getElementById("foo " + i).onClick = ((i) => () => someFunc(i))(i);

My example should have been this, I think, I was just trying to simplify it to make the question clearer and unintentionally altered the behaviour.

document.getElementById("foo" + i).onclick = function() {someFunc(i);};


But your answer is what I wanted regardless, thanks :). I had come up with a similar solution from some googling but yours is more concise.

Here's an MDN reference for the syntax, if anyone else is wondering.

developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

codepen.io/user/pen/LxvaxN
God mode lol

>How would I go about making something to click every item with the same ID on a page?

Does anyone here does freelance? How can I get started?

bumping for who can answer this. same goal.

>stallman.org
L-lewd

Anyone know if there's a framework, that would make creating a new android keyboard easier? Using the native process seems tedious

You may need to move cities. There are some areas where they're dying for people like you, but not every city

Yes, but for like their warehouse "fulfillment center"

It's bad practice to have duplicate ids on a page. I recommend creating a function the targets each element that needs to be clicked individually (separate ids) and looping through them to click them. Idk how your page is laid out, but this sounds like either bad architecture or you're approaching something wrong, it's just a strange request

You're going to be programming 10% of the time and lining up clients and doing paperwork the other 90%. If you like the 90%, totally do it. But don't get into freelance thinking you're gonna get to have fun programming all day

It's someone elses site. Dealing with their bad architecture. But it could just as easily go for classes.

if you're using jquery..

$( "some-class" ).click();


I think that works. According to jquery docs, you don't even have to iterate over the list, it will do it implicitly
api.jquery.com/each/
search for "implicit iteration"

Oh shoot. stick a period in front of "some-class" to make it ".some-class". Otherwise it's looking for elements