/wdg/ - Web Developer General

Last thread
> Discord
discord.gg/0qLTzz5potDFXfdT

>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/
youtube.com/watch?v=JxAXlJEmNMg&feature=youtu.be&list=PL7664379246A246CB lecture series.

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

>Backend development
en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
backendDevelopmentBookmarks.md

>Useful tools
pastebin.com/q5nB1Npt/
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/
>How to get started
youtube.com/watch?v=pB0WvcxTbCA - "WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice"
youtube.com/watch?v=zf_cb_Nw5zY) - "JavaScript is Easy" - If you can't into programming, you probably won't find a simpler introduction to JavaScript than this.


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

Other urls found in this thread:

w3schools.com/howto/howto_js_fullscreen_overlay.asp
docs.angularjs.org/guide
umbrellajs.com/)
api.jquery.com/mouseover/
atlassian.com/git/tutorials/comparing-workflows/centralized-workflow
twitter.com/SFWRedditGifs

What's a good cheap host
Need it for my portfolio site

Literally stated in OP

Anyone here good with UI / UX design?

Is this a suitable alternative to hamburger menus? w3schools.com/howto/howto_js_fullscreen_overlay.asp

I plan on tweaking it a bit. If it isn't then I'd appreciate some suggestions.

Hi /wdg/,

I've been learning to build simple websites at work, and am looking to build a small web application in my free time that scrapes websites for data and produces visualizations using D3.js.

I've been reading that for any non-trivial web app, I should probably be using a framework to keep the code from becoming unmanageable. The main contenders for frameworks seem to be Backbone and Angular, but I'm not entirely sure which one to pick.

It seems like if I go with backbone I'll be doing more legwork and the size of the required codebase would be larger. I'm fine with this, as I'm willing to put in the time to learn how to make use of the fine-grained control it offers. On the other hand, Angular seems to provide a much larger toolset out of the gate that would make getting a proof of concept out much quicker. There also seems to be more educational content on the web for Angular.

What do you guys think? I've been reading quite a bit on the subject but still can't decide which one to go with.

pick like the top three nav links you need
stick them on the top of your page in big

put the rest of that dumb shit you're cramming into a burgermenu at the bottom in small

Reposting this because I don't get the Typescript hate

Literally the only part about this that's typescript is the type annotation.

this.getThreads()
.then(


This is a promise. ES6 standard.

threads => threads.filter(thread => thread.board_id === board_id)[0]


Arrow function notation. Also ES6 standard. Equivalent to
function(threads) {
threads.filter( function(thread) {
return thread.board_id === board_id;
}
}

dat passive aggressiveness. i see you baby

?

Where can I start learning flask?

youtube and it's site, flask is way easy

Anyone have experience with Perl web development? Is it shit? If I accept a job doing it will i just be managing shit legacy code?

>w3schools.com/howto/howto_js_fullscreen_overlay.asp
I visible prefer shit that doesn't slide around. Then again I'm a Luddite.

Anyone been using Rx/FRP? It seems to be the next big thing.

From a practical point, it doesn't sound like you need a frontend framework for what you are planning. Maybe some traditional backend MVC thing plus some vanilla JS would be best suited. Now, if your primary goal is to learn, backbone seems like a fine choice. Angular is too abstracted/magic for learning purposes, IMO.

Yes. Reagent, re-frame and figwheel. Easy and fast, I am never going back. In fact, I wish there were options for FRP in desktop GUI programming (other than electron based ones).

Seriously though, is there a decent, fast library for doing nice, 60FPS GUIs, close to the main os with a minimum amount of abstraction that isn't Electron/Qt?

What about backend? Is FRP suitable for it?

libui

I am a python programmer, thinking to devote time to learn golang. Just want to ask, is it worth or golang is just another meme?

Everything is a meme, sanjay.

I think so, albeit it's less mature in that area. I try to follow the principles when designing systems, but haven't found a library that is as convincing as the frontend options. Not explored them as much, either. The server side of Om Next is a bit too frameworkish for my taste (too tied to datomic, specially), and RxJava is, well, Java...

Just wanted to add, you don't strictly need a library. You could glue your own stream & function system together out of e.g. a message queue. But it would require more discipline.

Also channel transducers in Clojure.

how the fuck are all these big youtubers getting hacked? it also affects their twitter and paypal accounts and websites. it's like the hackers can get into any account. poodlecorp is claiming ahead of time that pewdiepie will also get hacked. boogie said they stole his phone number and got into his account through that somehow. is there like some exploit that lets you receive other people's text messages or something and then some website does the password reset through that?

or do you have any other idea of what the fuck is going on?

Fuck off to /sqt/.

Is React good?

KILL YOURSELF

/wdg/ is for discussing web development.
Fuck off to /sqt/ or reddit, I don't care, just not here or the /dpt/.

fuck off and die sperg

i hope all your webshits get hacked

How the fuck do you keep posting here?
I already told you that /sqt/ and reddit are the places you're looking for.
FUCK OFF AND ASK YOUR SHITTY QUESTIONS THERE.

you're a perfect example of how fucking shit and pathetic Sup Forums is

a real web developer would care about the security of his website

Yeah well too bad no YT developers post here.
I know, why don't you talk to Google or something, since they own fucking Youtube.
What are you doing here?

Anyone have experience with jQuery PEP? Tried implementing it but I can't figure out how to preventDefault as it doesn't seem to run as an event.

>jquery
kys

im working on a debugging/testing library for JS because im tired of my workmates constantly fucking up the API
part of it will be regular unit testing with results as simple JS objects to allow people to format their own output as however they want
the other part will be function decorators for verifying function signatures, add a bit of type safety and also add decorators for measuring execution time

example:
//Any piece of code calling API.GetUser with more or less than 1 argument, or with a non-number type now throws an exception.
API.GetUser = VerifySignatureDecorator(API.GetUser, 1, 1, [typeof(1)]);


its pretty neat, because you can integrate it with existing code very easily, and also disable it completely when deploying to production

edgy
everyone uses jquery. maybe YOU should kill yourself

if by everyone you mean shitty wordpress """""""""developers""""""""", then sure lmao

>web dev shitting on web devs
kek

Where can I learn EVERYTHING about Angular 1 in one place? Is NG-Book good? Why is there so little content, I thought Angular 1 was hard?!

>angular 1
why are you learning deprecated frameworks? do you like to waste your time? try learning COBOL as well buddy

why would webshit be hard?

Because my internship said so. :( I don't plan on using it after it.

Is this general also turning to /dpt/? Getting actual answers instead of memes is getting increasingly hard.

try this i guess?
docs.angularjs.org/guide

What the fuck is up with that retarded backendDevelopmentBookmarks.md?

>be me, lifetime slacker and underachiever
>get my life in order the past year, start applying for web dev internships
>really not all that good at it as of right now but it's the field I want to go in
>have two companies showing interest and wanting to skype
what questions should I expect to get and is there any way to prepare for this?

>be in /wdg/
>expect things to not be retarded

Yes.

- Expect a few 'Tell me about a time when...' questions, e.g. 'Tell me about a time when you ran into a problem while coding', 'Tell me about a time when you had to work as a member of a team', stuff like that.

- Expect them to have looked over your resume/portfolio. If they have a question about a specific part, it's fine if you need to look through your code and find it, but if they ask you about a project and you just get act confused and have no familiarity with it whatsoever, they're going to think you just plagiarized it.

- If you contributed to any open source projects, you should put it on your resume (because it looks really good) and expect them to ask about it. You'll probably want to bring it up in the team question above, because they really want to see that you can use git in a team environment and cooperate with other humans.

- They might ask you some rather hard technical questions. Most likely they're more interested in the process you use to figure it out, rather than that you can rattle off the answer.

- Make sure you look presentable. You don't have to wear a suit and tie to a skype interview, but (if you're on video) dress "business casual". Make sure it doesn't look like you're in your mother's filthy basement. No piles of dirty clothes, no weeb shit, no lotion and piles of kleenex, you get the idea. Don't let your mom come in halfway through and give you a plate of pizza rolls, as you will be laughed at for months and they will never hire you. And if she does, ffs don't eat them till afterwards. They'll be hot anyway.

- Get a friend to skype you 30 min before to make sure everything is working properly. Make sure they can hear and see you and vice versa. Sound quality is most important. Double check that your waifu body pillow is hidden, etc.

- When speaking, try to look directly into the camera instead of at the screen, so it looks like you're looking directly at them instead of down.

It's a language designed for quickly producing maintainable and performant server code even in large teams of fresh graduates and pajeets. Hope that answers your question.

>It's a language designed for quickly producing maintainable and performant server code even in large teams of fresh graduates and pajeets.
and it fails miserably
use go if concurrency is VERY important to your shit, otherwise stay away from it

If I want to scrape google search results. What is the limit before they ban me or some shit?

it's random
i even get a captcha to complete once every 2-3 months as a regular user. they might fuck you in the ass faster if you automate it

these threads are so cancerous lately

Not to be insulting, but I've noticed that a lot of people become a web developer for following reasons, for example:

>I was once a nobody, but then I fixed my life by becoming a web engineer
>I worked at a shitty retail but then I realized web development is the future so I learned everything during the summer and got myself a comfy job
>I was contemplating suicide, but after I became a CSS Ninja and an HTML Pirate, everything went better than expected
>I worked as a barista in Starbucks. I liked it there. But I also like Apple. Oh, and I absolute LOVE computers, I always dreamt about working with them. So the next logical step was to become a web developer.
>I wanted to change the world and spread my message about equalities, so I learnt how to program my blog in Rails and immediately got a job as Ruby Femgineer at a TOP10 company.
>I failed as a software engineer so I got into web development
>Web development is not a real job. I'm a 4.0 GPA computer scientist who is looking to work in AI field, and web """plebelopment" is just my means of getting some easy bux on a side. Heh, you are doing this for a living. SUCKS TO BE YOU!
>I was a housewife and had a lot of free time while my kids were at school. I realized that my life is non-existent so I stopped watching replays of my soap operas and started learning how to build Wordpress websites. My girl friends told me you can make a decent money out of it and here I am now! I'm a successful freelancer on a Freelancer.com and now my husband is not the only one who is bringing money on the table! I also maintain a blog which helps the other housewifes who are looking to learn about a web development from their homes.

So, is it worth for me to even think about doing this for a living, or should I try to actually succeed at life and if everything fails, ultimately go back to web development?

the fuck are you even asking
become a webdev if you want to, otherwise become something else
christ

>I was once a nobody, but then I fixed my life by becoming a doctor
>I worked at a shitty retail but then I realized healthcare is the future so I learned everything during the summer and got myself a comfy job
>I was contemplating suicide, but after I became a doctor, everything went better than expected
>I worked as a barista in Starbucks. I liked it there. But I also like cock. Oh, and I absolute LOVE sticking my finger in peoples' bootyholes, I always dreamt about working with them. So the next logical step was to become a doctor.
>I wanted to change the world and spread my message about equalities, so I learnt how to be a doctor and immediately got a job as doctor at a doctor company.
>I failed as a software engineer so I got into medicine
>Nursing is not a real job. I'm a 4.0 GPA biology scientist who is looking to work in genetic engineering field, and """treating illness" is just my means of getting some easy bux on a side. Heh, you are doing this for a living. SUCKS TO BE YOU!
>I was a housewife and had a lot of free time while my kids were at school. I realized that my life is non-existent so I stopped watching replays of my soap operas and started learning how to draw blood. My girl friends told me you can make a decent money out of it and here I am now! I'm a successful phlebotomist on a hospital and now my husband is not the only one who is bringing money on the table! I also maintain a blog which helps the other housewifes who are looking to learn about a medicine from their homes.

Kek'd

>I was once a nobody, but then I fixed my life by becoming an astronaut
>I worked at a shitty retail but then I realized space travel is the future so I learned everything during the summer and got myself a floaty job
>I was contemplating suicide, but after I became an astronaut, everything flew better than expected
>I worked as a barista in Starbucks. I liked it there. But I also like rockets. Oh, and I absolute LOVE getting all of my blood sucked into my head, I always dreamt about feeling dizzy. So the next logical step was to become an astronaut.
>I wanted to change the world and spread my message about equalities, so I learnt how to be an astronaut and immediately got a job as an astronaut at an astronaut company.
>I failed as a software engineer so I got into astronautics
>physics teacher is not a real job. I'm a 4.0 GPA aerospace scientist who is looking to work in nasa field, and """giving private lessons in high school physics""" is just my means of getting some easy bux on a side. Heh, you are doing this for a living. SUCKS TO BE YOU!
>I was a housewife and had a lot of free time while my kids were at school. I realized that my life is non-existent so I stopped watching replays of my soap operas and started learning how to float in vacuum. My girl friends told me you can make a decent money out of it and here I am now! I'm a successful astronaut floating in a comfy International Space Station and now my husband is not the only one who is bringing money on the table! I also maintain a blog which helps the other housewifes who are looking to learn about a floating from their homes.

what is the difference between JavaScript and HTML?

You can become a rockstar in only one of them.

>have not a fucking clue about javascript
>see all those shitty same looking websites sold for $80+
>decide to look into bootstrap, the stuff that fuels this shit
How can people honestly charge money for a bootstrap based website?
This is as retard friendly as it gets.
Maybe program a GUI for it so even the biggest retard can click his Single Page Template powered by Bootstrap™ together in a few seconds.

started with JS after doing Java for couple years

is encapsulation in JS a thing? should i bother with it?

If you don't care about legacy browsers older than IE9 you can use UmbrellaJS (umbrellajs.com/) instead of jQuery. It's tiny.

I don't understand it either. But then again, I think the design is what you pay for the most, idk. It's pretty easy to make it but creating a good design is a different story.

Anyone here switch from Sinatra/Flask/Rails/Django to Node? What frameworks/libraries do you use now on Node?

Because as simple as it seems to you, creating something by writing code is still fucking sorcery to the normies. A text editor or cli is ridiculously intimidating to them for some reason. I blame cop shows like CSI that give people weird ideas about hacking and computers in general.

>Maybe program a GUI for it so even the biggest retard can click his Single Page Template powered by Bootstrap™ together in a few seconds.

You mean like one of the thousands of wordpress themes and WYSIWYG editors out there? They're certainly better than nothing, but you have to give up a tremendous amount of flexibility.

As
said, design is a large part of it too. If you gave them a piece of paper and a pencil, most people still wouldn't be able to create a website mockup that isn't garbage.

When using for loops in js, why do you have to put brackets around the variable when you log to console?

var me = "rockstar";

>A text editor or cli is ridiculously intimidating to them for some reason
>cli
I wonder if it's the same normies that are all over chatbots or maybe they are more power users.

>you have to put brackets around the variable when you log to console

Uhh...you don't? What are you talking about?

for ( var i = 0; i < 10; i++ ) {
console.log(i);
}

works fine, you don't have to add any brackets.

And what are the alternatives? Mind, something comparably fast and almost Python levels of easy.

I had a CA thing earlier not go through because the variable wasn't between brackets. Idk, I didn't think that was a thing.

You can encapsulate with Symbols, but little need to bother. Rather try some meta programing, because everything is public.

Just left the office. I've completed more than 10 tasks, half of them had immediate priority, the other half was also unexpected and coincidentally urgent.
And some guy submitted his changes to master and it went to prod without code quality control OR testing on dev branch, the absolute madman.

every one of those technologies suck donkey balls

Good god man what time is it in India like midnite? It sounds like you've earned your 4 hours of sleep in a rat infested cardboard village.

I'm an Eastern European so you're not too far off.

Try Groovy or Kotlin. Although you'll have to learn about the JVM, Java, its build tools and deployment (~3 weeks total), writing the code itself will be about as easy as in Go. You will get a vast library ecosystem as a bonus.

if (!_.isEmpty(input.value)){
}

if(!!value === 'true'){
}

Proof that most web developers don't really know how to program.

Hey /wdg/,

I'm using jquery's slideDown and Up shit for a dropdown menu on a navbar, except the shit I'm dropping down isnt in the of the navbar buttons, right.

And when the user (me) is hovering the dropdown menu, it just slides back up.

Is there any way I can disable the slideUp while the user is hovering the dropdown element?

How do I learn to use Git in a team environment? I almost never used it myself either but I've learned those commands but what now? When I come to my job the first day, how do I use it? I have no idea how any of that functions. What to pull, who sees what, and how do I make sure I don't send something immediately to production or accidentaly delete a whole project kek? I'm scared.

>JVM
Not if I have a choice.

api.jquery.com/mouseover/

If that mouseover occurs over the dropdown, do not fire slideUp.

yea right...

Thanks, that looks like what I need precisely.

$(document).ready(function () {
$(".dropdown1").hover(
function () {
$('ul.test').slideDown(300);
},
function () {
$('ul.test').slideUp(100);
}
);
});


How would I go about catching specifically that slidUp with the mouseover?

1) Push some code to github.
2) Create a master branch.
3) Checkout another feature branch, and make changes.
4) Push that branch up, and on GH, do a pull request.
5) GitHub has an awesome visual Git diff feature.
6) Accept or reject your pull request.
7) Discover what causes merge conflicts (bad) and what results in a simple fast-forwarded merge (good).

Right.

That's different because they think they're "talking" to a "person". It's okay if you input something nonsensical. Even the simplest shit like
mkdir foo
cd foo
touch bar.txt

is black magic to most normies who have absolutely no understanding of a file system since their only computer experience involves slapping their monkey paws all over their touch devices. It would be like going back in time a few millennia and trying to explain how an airplane works to your average peasant. It's just too far away from anything they have any bearing on and they're too full of misconceptions involving demons or some shit.

You have to use bracket notation when using a variable to get a prop from an object, if that's what you're thinking of.

ex:
var animals = {
cat: "meow",
dog: "woof",
chicken: "cuck"
};

console.log(animals.cat); // prints "meow"

var foo = "dog";
console.log(animals.foo); // undefined because there isn't a foo prop
console.log(animals[foo]); // prints "woof"


var bar = ["cat", "dog", "chicken"];
for (var i = 0; i < bar.length; i++) {
console.log( animals[ bar[ i ] ] );
}
// note that this is considered bad practice. If you're accessing props this way in real life, you're probably doing something stupid. You most likely want a getter method or something instead.

Better ask a senior developer how the standards and workflow in the company is.
Maybe check out this: atlassian.com/git/tutorials/comparing-workflows/centralized-workflow

Log out the event.target in your dropdown function. If it's that specific element, return. Else, fire the function.

$(document).ready(function (event) {
$(".dropdown1").hover(
function () {
if(event.target.className !== 'foo'){
$('ul.test').slideDown(300);
}
},
function () {
$('ul.test').slideUp(100);
}
);
});

Worth pointing out that although you should try to learn how to use git as best as you can, advanced git can be seriously complicated and no one should expect a junior dev to be a 100% expert at it. It's one area where you should definitely not be afraid to ask someone more senior for help. Obviously try to figure it out yourself first using the docs / google, as is tradition, but any dev that isn't a gigantic douche should be happy to help as long as you ask in the right way.

my man, thanks a lot

Hi there, please see attached image, how do I move my delete button the opposite side of the table.

I know I css' it, and I know it should be something like :right. But how do I do it?

Should I put it in a div and then do

div-ballsack{
position: right
}

float it to the right

Is the CSS property called float?

I just double checked and there is, its really frustrating editing bootstrap.min.css, what do I do when I need to edit CSS properties in that file?

is skeleton interacting with sliders? I am trying to style a slider but nothing is working. it only worked for changing width and that only when its completely zoomed in mobile view

You shouldn't be editing a minified CSS file.

You shouldn't be editing boostrap.css in general. Use a different file to apply custom styles.