/wdg/ - Web Dev. General

I forgot to put the subject in edition

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

> Discord
discord.gg/0qLTzz5potDFXfdT

>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
>NEW!
openshift.com/

Other urls found in this thread:

css-tricks.com/tales-of-a-non-unicorn-a-story-about-the-trouble-with-job-titles-and-descriptions/
youtube.com/watch?v=Z_6UBGbGWTY
chrisstucchio.com/blog/2013/hadoop_hatred.html
twitter.com/NSFWRedditImage

What's the best way to close a menu/dropbox thing when the user clicks outside? binding to the window or document event seems so hackish.

I need a place to host an mp3 file where it can be accessed at domain.com/MyAudio.mp3

Godaddy's delegate access is down right now but I need to put this audio somewhere until they're done repairing. Where can I do this.. or would any of you be willing to host the file on a domain of yours temporarily?

Bind a click listener to the body to intercept the next click and see, if it was inside your menu.

Buy a $3 VPS and don't use godaddy.

It needs to be publically available, does this work for that? I can hit a domain.com/file.mp3 publically?

Do you not know what a VPS is?

No

Is storing a varied amount of page content in database and then rendering it on request a really shitty idea when compared to rendering it on submission and then presenting that via templating?

Like pictures? Like profile pictures? That's good for security I guess

No, like random amount of markdown.

I've never heard of storing html in a database, templating is the standard way to go. You can either template server side or client

Well, that is exactly what I do not want to do. It's an ugly hack to involve the body/window/whatever with functionality that has nothing to do with it.

You only have to set the A records of a domain if you just run a Wordpress website, right?

Ah, I see.. why does go daddy cost so much then? Just for the hundreds of tools and customer service?

You pay for the brand name.

mfw every developer has a preferred framework but only 2% of them ever tried all the big 3 in real projects.

there a less wordy way to do this?

re.sub('\\x[a-z0-9][a-z0-9]\\x[a-z0-9][a-z0-9][a-z0-9][a-z0-9][a-z0-9]','',text)

would be helpful to know what it is you're trying to capture

well I just meant looping over the same set of characters in regex

the thing is just asking for \x(any char * 2)\x(any * 5)

:not()

Oh, that could work. Thanks.

How about
[\n][a-z0-9]{0,2}[\n][a-z0-9]{0,5}

I like to give modals an invisible full-viewport overlay that sits behind the modal itself and handles click events.

Maybe there's some weird edge case where this makes sense (eg GitHub gists), but this is pretty universally a bad idea. Its best practice to separate your content from your display logic, because you want to be able to change your display logic without manually editing all your content. This is exactly why markdown blogging has gained popularity over HTML WYSIWYG. Also saving user submitted content that's executable in any way is dangerous.

Hello guys, I have a question so if anyone could shed some light, that'd be super.

I'm a high-school dropout but recently decided it was time to go back and get my degree.
I have a choice between web design or web dev

Im not sure which to pick, web dev is the harder course but I enjoy graphical design a lot more and am kinda stupid.

What would you guys advice ?

using node and redis as my session store (all in memory, not using the mode in which it writes every change to disk, only snapshots every 60s) should I manipulate session variables synchronously?
every tutorial seems to do it normally

k

I agree, but I've never found a better way.

Bottom tier of web design is extremely competitive because of retards like pic related. But finding a GOOD front end dev is nearly fucking impossible. It requires two very diverse skill sets of design/arts and programming. So very few people who are smart enough to be good devs bother doing pure front-end, because it generally pays less and requires you to actually have some artistic talent as well.

Also don't confuse the course difficulty for actual job difficulty. Front end programming is just as complicated as back end. The course probably seems easy because they don't teach anything worthwhile beyond basic js.

yes, use {} to repeat something a given number of times, eg.

\\x[a-z0-9]{2}\\x[a-z0-9]{5}

also, it's a good idea to use raw strings so that backslashes work the way you expect - use r"expression" instead of just "expression" (see the python doc pages on re)

using {0,2} will match 0-2 times, not 2 times - make sure that's intended behavior

Link to article?

I need help with logic.
Lets say I have a set of messages being chucked out of a DB with PHP. Each message will have basically the following format: The message content and a delete button to remove it.


|

Delete

How do I go about making each of those buttons correspond to deleting that specific message? (i.e When I click on the nth delete button, message n gets deleted)
I realize I might need to include some JS/jQuery somewhere to help.

css-tricks.com/tales-of-a-non-unicorn-a-story-about-the-trouble-with-job-titles-and-descriptions/

Any guides out there for responsive wireframing in photoshop?

There's many possible ways. One fairly good option would be something like this:

Job description:
>Frontend Developer
>Write front-end code in HTML/CSS/SCSS and JavaScript
>Occasionally write front-end code in PHP (WordPress) or Ruby (on Rails)

Her response:
>Umm, PHP and Ruby are not front-end languages..

How can people like this exist? Does she seriously expect to make pretty template with html and then hand them off to a back-end developer so he can waste his time adding embedded code?
She says she has 2+ years of experience. What the fuck has she been doing for 2 years, making wordpress websites? And why are there cucks in the comment section defending her? REEEEEEEEEEEEE

Does anyone know any beginner at home work similar to sticky, but for jobs in the uk??

post ur fizz buzz solutions, your best and the most convoluted for lols

for( i = 1; i

Thank you, this is very helpful. I don't quite understand this part though:
>when a delete button is pressed, get the button's parent element and pull the id from its id attribute

How do I get the parent element?

>I'm assuming you have a proper primary key in your database
Yeah, each message has a unique id.

tuples or arrays?

Why am I so horrible at design?

>tfw head is thicker than a bowl of oatmeal

Vanilla.js is the best framework. Prove me wrong.

which are the big 3?

all of us are
>developer
>designer
choose one
It's a meme

anyone know how i an get html highlighting working in ts files if the html tags are in strings?
particularly im talking about the template property in angular 2 components.
kinda irks me since it works out of the box in jsx when i tried out react.
heres what i mean
@Component({
selector: 'my-app',
template: 'Angular 2 Template'
})


basially i want the html parts highlighted inside the string. even if i use multi line strings with backticks.
currently using vscode

>try to build something in angular
>all the tutorials are in typescript

I know that feel. Then they started using it at my work.. took me 1 day to get the hang of it though. It actually does help with intellisense though. It's not that big of a deal actually, the minor cost is worth the minor benefit imo

You don't.. If it's a larger template, link it in with a templateUrl so you can get syntax highlighting in an html file

arent post people still using Angular 1?

I will probably sit down with it eventually, but having to learn it so that I can learn something else drives me crazy

Are they? This is just a personal project so I figured I'd build it in 2, I'm not even sure what the major updates are

I dunno but I think I'm pretty good at design senpai

Ask away

What keyboards do you guys like for web dev?
I'm tired of my shitty laptop keyboard.

>not dictating all your code to a cambodian ladyboy you keep chained under the floorboards

Yes, but the cambodian ladyboy needs a keyboard. What keyboard should the cambodian ladyboy use?

Look into mechanical keyboards

Just in general, they're better for everything with a relation to typing

Are there any you recommend in the $60-$70 price range?

"Now do a get request in the products controller to '/products' api and hydrate the view boy!"

Anybody have any experience with Hadoop?

One of my last classes for my Masters was taking Hadoop. I thought it was an interesting program and would like to learn more, but I'm not entirely sure where to start.

Should I learn Java more in depth? Am I foolish for wanting to learn Hadoop instead of something else? Anybody have experiences?

See here: youtube.com/watch?v=Z_6UBGbGWTY

>Am I foolish for wanting to learn Hadoop instead of something else?
chrisstucchio.com/blog/2013/hadoop_hatred.html

Just upload it to mixtape.moe or jii.moe

problem solved

This article is stupid. Hadoop isn't meant for data less than petabytes in size. No fucking shit you can use other tools for data that's smaller.

It's not stupid because people actually do that

I guess that's a fair point. He does say that Hadoop has it's advantages when used correctly. But, it sounds more like he's criticizing Hadoop rather than criticizing the idiots who use it incorrectly.

How did you find this article? I'd like to find similar blogs/websites.

I found it on /r/programming like a year ago or something.

If you want to immediately tune me out because you heard the word "reddit" I won't stop you but it's a great way to find good and interesting articles and places to find them.

Other than that I like CodingHorrors

I personally don't have anything against reddit. I just grew up with Sup Forums and have always used Sup Forums with no need for reddit, but I'll check it out!

I just graduated with my masters, and I'm not entirely sure what direction I want to go to, so I'm looking for different sources to hopefully give me an idea for my next move.

oic

Yeah the "I know how to program but not what to program thing"

I'd actually recommend doing some front-end development, it teaches you a lot about who you are and what you like in indirect ways.

You can still bring your technical backend knowledge to the table by being a logical bridge between the two. Strictly front end people are best suited for something like Photoshop but you can bring that to fruition in ways that make sense and are relevant to the backend.

Best of luck man :) reddit may be the best of communities but it's still quite a remarkable tool

>I've never heard of storing html in a database
Isn't that pretty usual for CMS?

> How do I get the parent element?
Look up a Javascript tutorial. That's bare-basics.

Probably Laravel, RoR, and .NET?

I use a "CM Storm Quickfire Rapid" which is typically available for around $70. Works great, but the font on the keys is le edgy which just gave me an excuse to buy blank keycaps

Thanks for the advice brotha! Have a good one.

Stop calling everything edgy.

Not everyone lives in insecure memeland like you, some people just like how things look.

...

I'm trying to get or replicate this font. Except it's not explicitly a font.

The Japanese set of characters has within them roman characters, By default these characters display like the font in pic related. Any Ideas?

Sup

I need to make a simple html interface for handling a small database. I am familiar with wordpress.

I want:

-Login
-Display data
-Enter data
-Update data
-Delete data
-Being able to filter and get results out of that filtered data (like totals)

It's pretty much bringing a basic Excel spreadsheet interface to a website.

Any plugins you guys know that can help me?

Cheers

There are some online tools which will do OCR and try and find the closest font, but they are only as good as their DB so YMMV. Usually they will at least find a font that is close, although often they aren't free fonts.

i wanna expand my knowledge on rest apis.
i usually only work client side with them but ive made small apis with flask and express.
flaks is really great though.
are there any more neat frameworks i should know off? preferably with the simplicity of flask.
im also thinking of trying out go or dart for backend stuff.

So I've never coded a FizzBuzz implementation, and without looking up the answers, I threw a simple one together in python in 2 minutes. And she's complaining about 'OMG MATH?'. What an idiot. This is why the tech industry scares the fuck out of me, that there's idiots like this who can't even do the simplest problem ever

Employer: I'm sorry, you're asking me when a basic understanding of print statements, loops, and functions would be used? You realize that web development goes beyond using stackoverflow every time you want to move an item from one side of the screen to the next right?

It's not a font. It's unicode full width characters

>Umm, PHP and Ruby are not front-end languages..
Correct, I don't know why that triggered you

On the whole though FizzBuzz represents a fundamental understanding of how computers work, why they exist and they kind of code you want to be writing. If you can't figure that out atleast in premise that's a huge red flag.

...

>having free time is bad

Arbeit macht frei

2007 should be AJAX and 2009 should be jQuery

The kind of people who got into coding because of the good paying job and not because of interest.

>have too much time in their hands
>how dare this unemployed person have so much free time

>i was a hiring manager

Adds up

>being able to solve FizzBuzz is suspicious
w h a t

>Hiring unemployed people

>hiring people with less than 5 years experience for trainee positions

>Hiring people with fewer than 1000 friends on facebook
>Hiring people that can not write a 50000 word formal essay describing their life struggle, passions, and what they love the most about diversity

Front-end is more difficult than backend I think, but not because you need to be "artistic". I do mostly backend using Node, the environment in which my code executes is 100% in my control. On the frontend you have to write code that will work on a myriad of different browsers, and ideally write a page which functions without JavaScript enabled at all, all while keeping the resulting page as small as possible.

Front-end is very easy to do badly because UX is about more than how pretty it is. Plenty of front-end nerds focus on making it look nice and fancy, and end up with a 6mb page full of janky gimmicky crap that is awful to actually use.

At work our sites have to work on shitty old non-touchscreen phones running opera mini which could be running on a shitty gprs connection, because we have clients in the Caribbean and India and people there can't use most of the crap that most front-end devs shit out these days.

So this guy thinks that solving fizzbuzz is a matter of having free time to work everything out beforehand, rather than, y'know, having any basic programming/problem solving abilities

At this point you might as well get applicants to dance for you during interviews.

nothing more frustrating
any tips? Already doing this:
html=str(html.encode('utf-8', 'strict'))

import re
html=re.sub('\\\\','',html)
html=re.sub('()','',html)
html=re.sub('()','',html)
html=re.sub('()','',html)
html=re.sub('()','',html)
html=re.sub('()','',html)
html=re.sub(r'(\n)','',html)
html=re.sub(r'(\\n)','',html)
html=re.sub('(\\t)','',html)
html=re.sub('( )',' ',html)

forgot pic

Nah, they are equally hard, it's just that you have engineering skills so backend makes more sense to you. If you were more artistic, the backend would seem more difficult.

>the environment in which my code executes is 100% in my control.
KEK. Only if you wrote the OS, libraries, JS runtime, etc

>Front-end is very easy to do badly
It is really easy to crap up your backend too

Google "html minifier". There are many around and they might do better than your regexes.

But if you html doesn't have much fat on it, you are going to be hard pressed to eliminate ~4MB

shaved off 2 mb
fug this gonna take a while
don't think site can host it, its too big
100 million characters already