Can you guys please help me out?

I work a shit customer service 9 to 5 and wan to learn web dev. I know HTML and CSS. I've messed with Javascript/Ruby before.

Is this a good place to learn Web Dev: The Odin Project

I'd like to be employable as a junior web dev in the next year. Please help.

Leaving this here again, just in case...

I recently placed a website on RedHat's openshift platform which uses git to maintain changes.
Once I git push on the server it instantly deploys the changes live.
The website lets users upload images on an image folder... the problem I'm facing is: once I git push my changes, the content of images folder gets wiped on the server (obviously, since my local repository has an empty images folder).
Is there any way to leave the "images" folder untouched?
.gitignore doesn't help

Place the images folder outside of the git repo?

Like in

../images

>>55356283
bump

>>55356283
Odin is pretty good. After you finish, you should also try some other web frameworks to get a better handle on how they work, since rails does a lot of magic shit for you under the hood.

>I'd like to be employable as a junior web dev in the next year.
That's possible, but you're going to have to stay dedicated and put the hours in.

>>55356314
This crossed my mind but I pressumed that it won't be accessible from the web-browser since the folder will be on an upper level of web-root.
Let me check though

>>55356366
Thank you for the reply!! That's not a problem at all, I have the drive and hunger to get out of my shit situation.

>>55356392
nope, I have no permission on that directory

Oh my fucking god, I can't stand ASP.NET anymore. I was using the following code in my ASP.NET MVC project last night:

  DatabaseWrapper dw = new DatabaseWrapper("database.sqlite");
dw.Connect();
var x = dw.Select("* FROM table WHERE x=y").ToArray();
var y = dw.Select("* FROM table where y = x").ToArray();
dw.Close();

and the second Database query wasn't working. "Well, tickle me fuckin bollocks, I've got to debug yeh" so I fire up the debugger... Lo and fucking behold, a SqliteDataReader object was being left in HEAP and fucking with it. You literally could only fix this by manually calling the garbage collector.

GC.Collect() should have wiped out the entire ASP.NET framework with it, because it's fucking trash. It took me forever to figure out why the fuck the database was locked, and that's a stupid fucking reason why it was.

>>55356288
>>55356392
>>55356436

I'm not that familiar with openshift, but I assume it uses some kind of transient file system thing like heroku, which means that if you ever want to spool up multiple instances of your app, you'll run into problems since some images would be stored in one container, and some in the other (thus not being accessible to users being directed to the other container), and they'd be lost when you kill / clone the app (which is essentially what's happening now).

If you're just making the app as a personal project and don't expect to monetize or have very many users, the simplest solution is probably to just put the images into a db. (I assume openshift has some kind of persistent db option? And hopefully it has a free tier? Again, not that familiar with it.) If openshift doesn't have that, or if it's cost-prohibitive, the next best option would probably be to use a cloud storage provider like aws.

>>55356731
Alright, thank you.
Yes openshift provides persistent db (using MySQL tb.h). I guess I'll have to figure out a solution.
To be clear, it's just web-developement using git to push the changes on the project (instead of ftp).
I know it's stupid because Production Server and Project Server should be on a separate machine...

I'm working with forms for the first time in node.js

I've never really had to use forms before this actually, because I was only ever messing around with front-end js.

I want to have a form that can make a post request to my server, running on app.js. I have a file upload module (multer) that can handle file uploads, and the fundamentals of its implementation I'll figure out later.

Right now, I'm just wondering: is this correct?

<form method="post" action="/">
// more html
</form>

There's a route in app.js for handling post requests to the root (app.post('/', etc)).

Does the action attribute need more info in its value than a single forward slash? Sometimes I see people placing the entire localhost address in there, other times it's literally just a route, or in the case of a w3 example for php, it was an entire filename.

It's a bit of a bummer that there isn't that many "you're an absolute backend scrub" focused tutorials for node.js, they all seem to assume it's your second or third backend technology.

File: javascript slider.png (9 KB, 1013x498) Image search: [Google]

9 KB, 1013x498

How do I make this?

I want an image slider where you just cycle through thumbnail size images. I don't want the capability of any fullscreen modal shit when you click on them, I just want them to stay small. So can anyone point me in the right direction?

If you can point me to some already existing javascript code, or maybe a tutorial, or maybe come up with something yourself, I'd appreciate it immensely. I'm really lost

Bump for MEME stack

>>55357211

That is typically called a carousel. You should be able to find plenty of examples of them on github, etc.

>>55355930
I'd like to build a web app that performs a reverse image search exclusively on images hosted on my server. Basically, I only want the search results to be images on my site.

Does an API exist for this? I know TinEye has an API, but it only seems to work for searching through its own image catalog.

>>55358000
Can you help me find one that looks like what I want? I already knew they're often called carousels. I'm just having a hard time figuring out how to make exactly what I want

File: svuSC.jpg (227 KB, 950x650) Image search: [Google]

227 KB, 950x650

I'm having some trouble conceptualizing my models. I'm making a site where you can make/join a room, and chat with people in the room, and upload files to them. Should the users belong to a room, or should the room belong to a user? And do the files belong to the user or the room?
I tried doing room>user>file but I'm not sure it's the best, because of room switching complications.

I feel threatend when I see normies learn web dev in a year and get a similar job as me who have a degree in this. Mind you, it's not just a web development, but I had like 5-6 courses in it, it's not CS either though. Fug :^(. Idk if masters in Software eng. is worth it given that it's mainly about mobile apps, some more Java and business. To me it sounds disgusting.

Guys, I'm going through Angular docs and am wondering - why does it have all those functions that can be written in pure JS, like foreach, is(x), etc.?

>>55358619

Looks like Angular's forEach method with iterate through object keys and arrays.

But I agree. If you can write vanilla JS over opinionated shit, choose vanilla.

>>55358754

will iterate*

>>55358424
>Can you help me find one that looks like what I want? I already knew they're often called carousels. I'm just having a hard time figuring out how to make exactly what I want

In other words:

>Can you do <tedious and time-intensive task> for me? I don't know what I want, but I can't be bothered to actually look for it myself. I'll definitely know it when I see it though.

The answer is yes. Yes I can do the thing I literally do for a living for some random cunt on the internet. The question is, can you afford my hourly rate?

>>55358754
>>55358771
I'd do that for sure, I'm just "worried" that maybe when writing Angular in a team environment, I should be using those functions because it's the "Angular way of doing things". But maybe it will depend on a team, idk.

>>55358357
just use phash and generate hash for the uploaded image and then compare the hash to hashes in the database by calculating hamming distances between them

>>55358554
Can users be in more than one room at once? Are the files visible to everyone in the room? (e.g. Discord)

>>55358891
One room at a time, but the files are visible to everyone. Each room is created by someone and then anyone can join it.
I'm not sure if room>user>file or room>user + room>file makes more sense. I need to keep track of which user the files are tied to though, so probably the former?

>>55358853
Not that anon, but would that work if the test image is of a different size/resolution to the database images? Or would you have to downsample first?

>>55358950
room>user + room>file makes more sense to me, but either way could probably work. What does your db situation look like? Presumably you're storing the image path somehow? Just store the user's id along with it. (And also other potentially useful metadata like timestamp, size, etc.)

Any decent library to use web workers or should I just make my own abstraction for it?

Is just going through a whole docs a good way of learning a language/framework? Keep in mind you are talking to a genius who remembers everything without practicing it (proven in programming classes) :^).

>>55359090
Not that anon talking about phash, but yes, it works even with images with different sizes. Look for an implementation in your favourite language and see the examples.

What's up with meta and role html tags? They seem useless but they're in every page source I look at.

Any good books for learning node/express?

A lot of the stuff out there seems to be a bit out of date, and they've only been published for a 12 or 18 months.

Fast moving field, I suppose.

>>55359793
Yeah, terrible. I have to learn Angular 1 for my job and it is already deprecated. It sucks to waste my time on this. I don't know if I will get anything useful from this later.

>>55359793
>Using books for web development

Docs + tutorials + practice

You should basically never bother with web dev books, they're obsolete before the ink is dry.

>>55359574
Meta tags give - as one might expect - meta data about the website. Two most common meta tags would be

<meta charset='utf-8' />

for the character encoding header, and the one for mobile-readiness, which I can't remember. You can find it on Google by writing "html meta mobile".
Basically it's info for how the browser should interpret the data for the page.

Not sure about role. Surely useful, if often used.

>watch 45 minute long js tutorial
>near end
>"most people use jquery for this though"
what is vanilla js used for the most? just onclick shit and making the UI look more responsive?

>>55360144
Fug jQuery. You can do all that with JS anyway.

>>55358798
What's your hourly rate?

>>55356283
https://youtu.be/pB0WvcxTbCA

>>55360196
>2015
D R O P P E D

If it's not the 2017 edition it's deprecated.

>>55360144
On the frontend, its used for AJAX, which is where you fetch data from the server and insert it into a page without reloading the whole page. When you type a search into Google and it suggests shit for you as you type, that's Javascript and AJAX.

Sometimes entire applications are written in Javascript. Ever used Discord or Google docs, or Google maps for that matter? All Javascript.

Javascript is used less for little shit like button animations, since CSS is now capable of doing that shit.

Javascript can also power your server, instead of using PHP, Ruby, Python you can use Node.js. I like Node and think it has some very good features, like streams.

If you want to do webdev, you pretty much can't escape from Javascript. I like it, but many developers hate it because they're stupid, and they refuse to actually learn the language.

>>55360157
ah but senpai, jquery makes element selection and click events and especially ajax a million times less verbose and tedious

>>55360267
So should I just be looking at this (https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started) instead of making slideshows and shit in JS?

>>55360275
>this library makes things easier. I'll just throw it on my page
>oh this other library makes things easier. I'll just throw it on my page
>... etc
>I now have a 10mb page weight and am making 230 HTTP requests for meme frameworks, libraries and stylesheets, and my page runs at 15 frames per second while using 8gb of ram... But that's fine
t. Every useless frontend monkey developer these days

>>55360302
yeh.

Or download node.js and do backend stuff instead, make an application that can actually do something instead of just looking pretty.

>>55360347
>muh slippery slope

jquery is 32kb

unless you're on dial-up it'll be alright

>>55360392
As also a design-cuck, I always find these posts so triggering.

File: kanye.gif (687 KB, 200x200) Image search: [Google]

687 KB, 200x200

>>55360392
ty for saving me some time :)

>>55360402
jquery is more than 1000x times slower than vanilla js

>>55360402
The primary web-browsing platform these days is mobile, because normies don't spend all day at home in the basement shitposting on a Tibetan Yak butter churning enthusiast BBS. So shitty unreliable connections and metered data plans are a reality and your page should be as tiny as possible.

>>55360449
What do you expect from bartenders and housewives who got into web development over night? Do you think they really care about performance?

>>55360478
This.

>>55360486
>>55360501
have fun wringing hands over a 32kb footprint, tweaking ms-difference performance times, solving cross browser issues and writing shit like .getElementById

>>55355930
Job interview in two hours for a junior dev position using drupal and "developing in javascript/html/css" what do I need to know going in? I'm a student and it's a school affiliated position so competition is not easy. Please give tips family.

>>55360575
Ok follow these steps for guaranteed success

>open the door
>do not knock, thats a beta move
>if there's more than one interviewer, pick the one that you're going to focus on
>anyone else does not exist and must be ignored entirely for the duration of the interview
>when shaking hands squeeze as humanly hard as possible to assert dominance
>during the interview continuously insinuate that your interview is not qualified to accurately assess your ability as a developer
>ask him an extremely esoteric question (e.g. an edge case in IE4)
>if you don't have a question to ask, just make one up
>once you sense the interview is about to conclude, preemptively get up and leave the room
>this will show your ability to predict phenomena and take the initiative to act before you're instructed to do so

>>55360685
thanks for the laugh. Helped to make me a bit less nervous.

I'm only first year university and i've been casting a wide net trying to get a job doing development or tech stuff. Mostly the market is super saturated as I'm at an engineerning school but I feel like this won't be a hard interview to ace. I've just never had to touch drupal before.

File: 1454451933866.png (98 KB, 600x500) Image search: [Google]

98 KB, 600x500

>>55360575
>using drupal

>If I used a SPA framework on these projects they would take me 100x longer to build a MVP with. If the project is viable and gets traction, then you could consider rewriting with a SPA like React or something.
https://news.ycombinator.com/item?id=11898992

Do you agree?

How do I convert html/css/javascript to a customizable wordpress theme? I think I understand most of it, but I don't know how to handle images for logos or carosels

anyone know a good hovertip script? I've been using powertip but its kinda buggy and it disappears some times and the default jquery has messed up position

>>55361486
hovertip?
you mean tooltip?
qtip2

>>55361129
>If I used a SPA framework on these projects they would take me 100x longer to build a MVP with.

Looking at the projects mentioned, I seriously doubt it would take 100x, first of all. And secondly, the reason it would take a lot longer to do a SPA for them isn't because a react app would take a long time to build, but because some of the sites look like they were made in like 30 minutes. (Nothing wrong with a site built in 30 minutes, just pointing it out)

In general, I think it depends on the nature of the project. if it's a service that users are primarily going to be accessing as a web app, and it's something that makes sense to use a SPA for, I would probably do it as a SPA from the start. On the other hand if the project is mostly just static content or something, there's really no point in using a SPA, just make a basic HTML/CSS site and put it on gh-pages or something.

>>55361486
write your own you dumb shit jquery faggot kys nigger

>>55355930
I'm terrible at math.
Can I still become a webdev?

>>55361539
thanks that looks good
>>55361606
nah im lazy ):

>>55361688
depending on the complexity, you could also just use css

Good websites to get jobs for entry-level?


I'm on Indeed, Monster, Dice, and have been accepted to LaunchCode; just waiting on the interview for the 3rd month now.

Anywhere else? that angel site doesn't seem to be friendly towards entry-level.

>>55361742
Is PeoplePerHour still a thing?

>>55361083
It's not my business so I'm not going to complain. I just want to get hired and get work experience. I know for a fact that whatever they do I can find ways to improve.

top navigation vs side navigation and why?

>tfw jquery is mindnumbingly easy and there are pre written codes for anything and everything
why do you chumps hate on efficiency?

>>55362346
Top every time. Cleaner and looks better on all displays.

why isn't my html styled when i serve it via an express app? I link to it like I normally do via a link tag in the head of the html doc.

Do I need to specify something in the express app itself?

File: 1465848704325.gif (909 KB, 300x211) Image search: [Google]

909 KB, 300x211

>tfw you have a sexy voice and get the recruiter super hot for you during the phone interview

Remember to do your vocal warm-ups every morning /wdg/

>>55362643
what is missing? the stylesheet?

>>55363320
I figured it out, lack of a static server declaration in the express file. Weirdly, the recommended way of doing it as shown in the docs didnt work for me

where do you get started with back end knowing absolutely nothing about it? ajax?

>>55363380
look at web frameworks of the language you like most

>>55363380
Read the RFCs, starting with HTTP.

>>55363169
What do you do to work on your voice?

>>55363573
you can buy some special white paste you can gargle for 10 minutes before talking to smooth your voice

>>55363573
I start with some breathing exercises for ten minutes, actively relaxing my diaphragm and trying to lower the breath as close towards the crotch as possible. Then I start to hum, not aiming to make the tone higher or lower than the natural octave my voice settles on, while focusing on relaxing all the resonators and letting the sound spread to as much of my body as possible. After several minutes of this, I let my jaw drop open and it becomes an "ahhhh" for another few minutes, taking breaths where needed. There is a meditative mental component at work here too, ideally you want to enter into a relaxed trance where your body adopts your most natural sound without your mind interfering.

If I'm feeling particularly tight in any of my muscles or limbs I follow up with stretching out those areas. Also useful is a few reps of voicing the highest octave I can reach down to the lowest one, repeated several times.

Do this every morning for a few weeks and you will be amazed at the sound you are producing. Others will notice too.

>>55363695
Sounds like bullshit broscience to me

>>55363380

Can you program a game of solitare? If so, in what language?

>>55363720
It's how stage actors have warmed up for hundreds of years so that they can be heard perfectly by the back row of an 1100-seat theatre.

If you do it regularly, it will transform your voice

First nootropics and now voice exercises. Looks like the old general disease is getting to /wdg/.

>>55360267
>clientside code in current year

ishygddt

>>55363585
cum?

>>55364119
I guess that could work as well

>>55364183
OP must be gargling a lot of white paste.

File: Trent+Reznor+2011+Vanity+Fair+Oscar+Party+gtvgntLuYV5l.jpg (60 KB, 396x594) Image search: [Google]

60 KB, 396x594

I've spent the past two weeks doing absolutely nothing but javascript and it just took me a half hour to center a fucking div.

File: 1466371440339.png (655 KB, 734x802) Image search: [Google]

655 KB, 734x802

>>55364241
>centering divs with js

>>55364294
I'd tap that

>>55364294
Nah, just with CSS. I meant that I spent so much on JS that my CSS ain't up to par, family. Web development is harder than people sell it as. Genuinely surprised so many people just jump into it.

>>55360575
Step 1: Tell them to go fuck themselves
Step 2: Send me their contact info so I can apply for the same position and save you from the burden of dealing with that horror show of a language and framework.

I only care about your sanity, seriously.

File: 1419620127650.gif (474 KB, 200x150) Image search: [Google]

474 KB, 200x150

>>55360575
>>55364578
>Step 1: Tell them to go fuck themselves

This tbqh familyman

Make projects that seem interesting and learn cool shit instead of rewriting the same shitty code for retards' ecommerce/deal sites.

>>55364365
it's just that centering divs isn't really intuitive...
it was a nightmare centering divs before CSS3's transform was made available,

Someone give me something to test my HTML/CSS skills with.
JS is ass.

I'm a professional, it's 2:30am, bored af.
Helped a few anons here before.

>>55365296
>JS is ass
why

>>55365360
Fucking absolute pure garbage donkey ass gorilla shit.
>shit exception handling
>IEEE 754
>typeof NaN = 'number'
>AECA
>^ There are so many things wrong with this, I can't even begin to list a fraction of them
>no proper scoping
>Array.sort() sorts "ints" in alphabetical order
>the minimum value of a number is -Number.MAX_VALUE instead of Number.MIN_VALUE -> confusing af
One I faced just yesterday
>literally no array keys, have to use objects, which was a retarded use case
>ended up using two arrays

And the worst of all:
>the people who write JS don't know jackshit, and end up writing pure infantile crap.


Even though HTML/CSS are far from perfect, I'll gladly take their quirks ANY DAY over the convoluted piece of shit that JS is.

I actually use these to create/dev my websites and game servers and I didn't find anything better!

- docker
- visual-studio
- nodejs
- redis
- postgresql
- azure

>>55365296
Just fucking give me something HTML/CSS to work on, be it a simple problem or a layout or whatever.

>>55365534
1/10 made me reply

>>55365520
>AECA
what's that stand for?

>literally no array keys
what do you mean by this? arrays have indexes?

>>55365558
Hard to think of anything that only uses HTML and CSS

>>55365571
>AECA
>what's that stand for?
Abstract Equality Comparison Algorithm

>>literally no array keys
>what do you mean by this? arrays have indexes?
Yes, they have indices, but not keys.
You can't have a JS array with keys, without using an object. Not to fucking mention that literally fucking everything is an object in JS. Convoluted assjuice, I say.

>>55365584
A pure layout, that maybe some beginner has trouble with.
Agh, guess I'll just go waste time elsewhere.

>>55365677
make a fully responsive homepage that doesnt look like shit. no bootstrap. just html and css.

File: 1439339715621.jpg (955 KB, 1920x1080) Image search: [Google]

955 KB, 1920x1080

>that feel when you are just making a useful site you and some friends might use
>tfw as it comes along you start to think others might use it too
>tfw you realize it will almost certainly die and never reach over 10 concurrent users
>tfw you start thinking of all these elaborate features to implement anyway that would be really cool if there was a community
>tfw you go back to coding knowing it won't be a reality but still in the back of your minding thinking it might be

>>55364102
>clients faster than they've ever been
>client server model essentially useless now because of this

I'll give it 10 years before websites just upload the controller and models right onto the client who then runs it in a local server

I need some ideas of what to add to the textboard software i'm writing. So far you can post,reply,and mods can delete posts, that's about it. I was thinking of adding tripcodes next.Any ideas?

How do I make a captcha?

>>55366852
Use google's recaptcha API or one of the many captcha libraries for whatever language/framework you're using

>>55360568
This guy is a web developer

>>55360486
This guy is not


Jquery has its downsides but there's a damned good reason it exists.

>>55366953
is it unethical to just steal shit from libraries.

>>55367462
It's not stealing if they allow you to use it, fampai

>>55364968
You sound like you just read the fountainhead. u gotta sellout in order to make money.

Good book for general web dev?

>>55368434
Snow Crash by Neal Stephenson.

>>55363169
This.

Also use skype as your number and use a good microphone. I use a good microphone through a mixer where I add my EQs to make me sound smooth and bassy.

Any decent alternatives to PHP that aren't JS frameworks?

>>55368458
>The book presents the Sumerian language as the firmware programming language for the brainstem, which is supposedly functioning as the BIOS for the human brain. According to characters in the book, the goddess Asherah is the personification of a linguistic virus, similar to a computer virus. The god Enki created a counter-program which he called a nam-shub that caused all of humanity to speak different languages as a protection against Asherah (a re-interpretation of the ancient Near Eastern story of the Tower of Babel)

wtf

>>55360478
I would argue the exact opposite that the entire reason why php is obsolete is its unscalable to have the server process everything its not how the web was designed in the first place

>>55366719
why would i pay my good money for server resoures just to process markup intended for the end user to consume

Ruby on Rails vs PHP? Just for personal projects. Not necessarily looking for work.

File: 116780839.jpg (66 KB, 338x507) Image search: [Google]

66 KB, 338x507

>have an idea
>oh that's a good idea
>better snag a domain for it
>what'll I call it, though?
>500 years later

>>55369216
Go, Elixir (Phoenix framework), C#, Java

>>55369728
Rails would be fine, PHP is a pain in the ass. The only good thing about it is how large the community is, and Rails has a large community as well.

I've been trying to recreate this site that died like 8 years ago, but the more I think about it the more I think I might have just made up most of it. So maybe it will turn out original?

>>55370110
>have perfect name for domain
>name is mixture of words, can't be taken
>domain taken
>lookup guy
>has owned domain for 4 years and about to expire.
>he rebuys in his 1 week grace period
>email guy "Can I buy?"
>"I'm not selling"

That was 6 months ago and the domain is still sitting there.


Also try creating a URL shortener. Not a single domain in and TLD with 2 or 3 letters.

All for sell for thousands of dollars.


This shit should really be regulated.

>>55370206
>Not a single domain in and TLD with 2 or 3 letters
Yep, the market is dominated by bots.

>>55364241
>div align center

>>55370260
Er, to elaborate, any URL that's a combination of two common english words is probably taken. Bots buy them up because the ones that do sell, sell for a lot.

I barely know js. How do I make it so when I click a div it changes background then click it again and change it back to what it had?

>>55370917

myDiv.addEventListener('click', function() { 
  this.classList.toggle('clicked');
});

and have the clicked class use a different background

>>55369728
PHP, it's easy to learn and if you are stuck you will find your answer on StackOverflow

File: dead_babby_wojak.png (41 KB, 633x758) Image search: [Google]

41 KB, 633x758

>>55355930
>Tell us what you've recently built
>>I have an extensive repository of userscripts and userstyles that I constantly work on, made to cater pornsites to my specific minimum standards for UX and UI, totalling about 10k SLOC. It includes use of technologies such as CSS3 flexbox importantly for responsive websites such that they can be browsed in almost any dimensions necessary. I utilize Javascript to dynamically load images and video previews. Websites include the furry porn website e621, the hentai websites Gelbooru and Danbooru, and various JAV websites.

Center a div in a simple and supported way without javascript.

You literally can't.

>>55371500
And to go back?

>>55371767
click it again

>>55371737

div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

>>55371783
Good answer but does this work if it's inside another smaller div?

>>55371816
I just decided to test it and you'd have to change it to relative.

>>55371816
if your bigger div is inside a smaller div?
what are you trying to do?

http://codepen.io/anon/pen/AXRwLg

>>55371845
Nothing, I've just never been able to center a div. I've been out of CSS for years though.

File: No idea 3.jpg (33 KB, 600x434) Image search: [Google]

33 KB, 600x434

Is hashing+salting still the best-practice for storing passwords?

>>55371859
translation even works if you don't know the size of the element, makes it a lot easier today.

the old way of centering was using negative margins, but this only worked if you knew the size of it and it didn't change.

div {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
}

>>55371879
No. see http://security.stackexchange.com/questions/211/how-to-securely-hash-passwords

>>55373758
I just flew over that post, but where does it say not to use a salt and hash?
he even recommends some hashing algorithms.

>>55373879
He talked about MD5 specifically, but the same logic applies to SHA family too since it's fast to compute, even with multiple iterations.

From the accepted answer:
> Use bcrypt. PBKDF2 is not bad either.

>>55373932
but >>55371879 didn't mention any hashing algorithms.

so >>55373758 makes it seem it's wrong to do so now.

>>55373947
Sorry, my bad. As per SE answer, hashing passwords is okay, as long as you use a slow function.

>>55358554
No one belongs to anyone you stupid fuck.
What is many-many relationship ? God fucking damn you web devs, you are stupid.

File: Screen Shot 2016-07-03 at 00.08.31.png (44 KB, 1445x724) Image search: [Google]

44 KB, 1445x724

This is my website.

The white makes it painful to view,
the blue makes it look like a generic bootstrap template despite no bootstrap being used,
the search input is almost fucking invisible and doesn't intuitively look like an input box,
and although fairly functional, as a whole the website is completely forgettable.

How do I make this not shit. How the fuck do I into design

>>55375087
google
>web design inspiration

>>55375115
I've looked through hundreds and hundreds of templates. Virtually all of them are some variation of a simple navbar, a simple centered div, and some fuck huge photo covering the page. It's hard to find a design that suits what is effectively a search engine.

>>55375152
I'm a professional front-end dev.
If you want, I can try making some modifications to the styles for you, if you provide a fiddle of your page.
Kinda bored, and I like HTML/CSS design challenges.

>>55375185
I mean I'd do it to give you some inspiration/pointers, if it wasn't clear. You could use my code directly, or just parts of it. I just feel like coding something.

>>55371737
Just wrap it in

 <center> 

tags

>>55375197
That would be brilliant. I have absolutely no design sense.

I've never used fiddle, does this link work?
https://jsfiddle.net/nsnau1ut/

>>55375197
Anything at all would be appreciated, no matter how small. After a while of making CSS changes I just lose track of what looks good and what looks bad.

>>55375292
Yep, that works.
Just give me a moment, I'll try whipping up something nice.

File: image_46.jpg (19 KB, 489x398) Image search: [Google]

19 KB, 489x398

>mfw can't escape web development

>being a frontend dev in current year
Frontend is the easiest shit in the world.

>>55375267

<center>

is depreciated

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

>>55375732
Well then that's some bullshit.

>>55375292
Ugh, my jsfiddle.net bugged out, so I cba to do anymore changes.
I commented all the changes I made, as well as I could.

https://jsfiddle.net/nsnau1ut/2/

I was going to put the navbar on one line (logo and links on the same line), but I'm not sure anymore. It works like this too. One line might add some well needed white-space.

Also

table.collections td.title
{
    padding: 1em 0 0 0;
}

>>55375756
it was deprecated in html4 already, almost 20 years ago

File: mascot.png (117 KB, 759x1052) Image search: [Google]

117 KB, 759x1052

>>55375789
Damn, thats sick, thanks.
I have never really used "em" (relative sizing?) for anything, so its interesting to see how it works.

The only thing I will probably change is the color of the nav. I think it looks great, but pic related is a "mascot" of sorts (I didn't know how to add the image to that website) that I have been using, so I might try and follow a blue-ish theme if I can. Did you use any sort of color picker in particular for the two greens?

>I was going to put the navbar on one line (logo and links on the same line), but I'm not sure anymore.
As it is, I would agree with this change, but I am eventually going to add a "register/login"-esque thing on the first bar, so it would show the users name and maybe a settings link. I think that would balance it out.

The site is already live at a .org domain, so I'll put most of the changes up in a few hours. Thanks again.

>>55376020
Yeah, using "px" is how pretty much everyone starts writing CSS, but honestly if you know what you're doing, there are VERY few cases when it's actually the best option.
Widths are often best defined in "em"s with a max-width in %.
Some things that have to be exactly defined (if for some reason you're using sprites, or pixel-art images, or 1px values) are acceptable.

The point is that "em"s let the user/browser define the starting size, and are often at a size that is readable to the user. Really helps with mobile readability and cross-browser support.

Regarding the colors, no I don't really use the color-picker (except to preview the general ballpark, sometimes) I prefer colors that can be written in the short HEX format (#XXX). It means you're not relying too much on the subtle nuances of colors, which are often fucked up between the users different monitors/screens. Keeping it simple with as few colors as possible is usually good.
Also, usually it's a design-smell to use pure black or pure white in designs. You VERY often want to use some very subtle hue/a bit greyish color instead. It's a subtle but (for the lack of a better word) subconsciously very pleasing difference.

(Also, you really shouldn't define a minimum width for the whole website. Mobile support is fucked, and even desktop users will suffer.)
Responsivity is where it's at.

>>55376171
Time to actually read up on exactly how em works then.

>Responsivity is where it's at.
I'll eventually get around to learning how to implement a responsive design myself. I wanted to avoid any frameworks like Bootstrap for the time being.

>I prefer colors that can be written in the short HEX format (#XXX)
I'll keep that in mind. Also, what the fuck? I thought the navbar was green as a fucking tree, but looking at it in a color viewer its just a dark blue?

>>55376353
check your monitor color calibration, it's a dark blue.

>learned html
>learned css
>all javascript tutorials are literally just little snippets thrown together but dont actually explain anything.

guess im done here.

>tfw you like front end dev and are good at it but you have to muddle through weeks of backend stuff to get your site to an acceptable functional level first

>>55376353
With ems writing responsive styles is not complex at all.
I remember a few years ago when I first started learning it, it took me months to wrap my head around it, mostly because I was still trying to only use px and %. But after you get used to ems, making the whole page responsive is just a matter of a few (very simple) @media-queries.

Also, I can only say that it's a very good thing that you stay away from frameworks. Writing your own code is undoubtedly the best choice, at least until you're a true professional. When you're writing code that's only bottleneck is the speed at which you type, THEN it's time to start using other people's code (frameworks). And even then, sparingly. If you're a pro, you'll write better code yourself, but sometimes (rarely) it's worth to save minutes/hours for the optimization losses taken from using frameworks.

The navbar is #145 and #134, both of which are basically dark cyan, but more blue than green. You can never rely on the user having a properly calibrated monitor, so you shouldn't rely on very subtle changes in colors (as you can see from this instance :) )

Good luck, m8.

>>55376448
iktfb

>>55375670
Easiest from programming, probably. Otherwise, not quite.
I'm getting an internship as a frontend dev soon and I'm still stressed about it, there is still a lot of shit to be learned. It's not just html+css after all. But yeah, I've had some backend courses in college but I probably wouldn't be able to function as a backend or fullstack guy at all, given that I only know basic PHP, more than enough to be able to create custom CMS plugins lol, but not enough to be able to write a whole actual system. I've been looking into node recently but have no time for it now because I have to learn all these frontend memeworks. Sigh...

I don't know if I'm doing it wrong, but I used floated containers with percentages for my responsive site. I don't see anything bad with it and it is perfectly responsive. It seem completely logical. I could switch floats for the flexbox though since I'm using it for some other parts, but I would still keep percentages.

Is this ok or should I do something else? I'm using ems and rems for fonts even though I'd maybe even switch back to px because I literally can't see any difference on any device.

>>55377301
>floated containers
Floats are usually (as weird as this sounds) a code-smell. It doesn't strictly mean there's something wrong, but usually there's a better way. Not always.
I'd still rather be using floats than flex, for browser-support.
>rems
Eh.. if you don't care about older IEs, I guess it's fine. I prefer supporting them, though.

All you've said about your site COULD be just fine, but without seeing the code and/or result, it's impossible to say.
Make a fiddle, or give a link, and I could review it.

Good front end framework that doesn't require JavaScript?

>>55378498
Depends what you need the framework to do. You can get responsive grids that just use CSS, but if you want something like an MVC or single-page framework you're going to have to learn JS friendo

>>55378538
Just formatting not some 1 page shit

>>55378550
I like Pure.css

What meta tags should I be using?

Is hosting using dropbox still working?

>>55378655
charset='utf-8',
the mobile ready one (viewport, or something like that),
the SEO tags like keywords etc.

>>55378912
Keywords don't matter anymore for seo.

3 years and the feature isn't yet done
Great job chromefags, you are literally stopping any progress

https://bugs.chromium.org/p/chromium/issues/detail?id=249427

File: 1444024148492.jpg (26 KB, 600x800) Image search: [Google]

26 KB, 600x800

>>55380480
>Angry that a feature in an open source project isn't being completed
>Too stupid to contribute and develop said feature
>Instead shitposts on an Islamic extremist pottery board

File: laravel-logo-white.png (19 KB, 560x210) Image search: [Google]

19 KB, 560x210

I love this framework

File: 1456811984229.jpg (360 KB, 960x1089) Image search: [Google]

360 KB, 960x1089

For the love of Kek can anyone spot where I'm going wrong here? I know it's Typescript and I know I posted it before but take pity on me, I'm just trying to learn Angular 2 and I need it for my portfolio by Wednesday

The threads component route launches with the board_id of its respective board as a route param, that's working fine:

import { Component, OnInit } from '@angular/core';
import { Thread } from './thread';
import { ThreadService } from './thread.service';
import { RouteParams } from '@angular/router-deprecated';

@Component({
    selector: 'my-threads',
    template: `<h3>Threads</h3>
    <ul *ngFor="let thread of threads">
        <li>{{ thread.subj }}</li>
    </ul>`
})

export class ThreadsComponent implements OnInit {
  threads: Thread[];
  thread: Thread;
  constructor(
    private threadService: ThreadService,
    private routeParams: RouteParams) { }
  ngOnInit() {
    let board_id = +this.routeParams.get('board_id');
    this.threadService.getThread(board_id)
      .then(thread => this.thread = thread);
  }
}

Then it uses the thread service here:

import { Injectable } from '@angular/core';
import { Thread } from './thread';
import { THREADS } from './mock-threads';
@Injectable()
export class ThreadService {
  getThreads() {
    return Promise.resolve(THREADS);
  }
  getThread(board_id: number) {
  return this.getThreads()
             .then(threads => threads.filter(thread => thread.board_id === board_id)[0]);
  }
}

Compiles fine and no errors, the functions are firing when they're called, but it's not bringing anything back to load into the ngFor and I DO NOT UNDERSTAND WHY

>>55381382
no idea about angular, but your threadscomponent has threads and thread variables.
you assign thread in the loop
>let thread of threads
maybe it collides there with your thread variable?

>>55381382
This is the mock thread data if that has anything to do with it

import { Thread } from './thread';
export var THREADS: Thread[] = [
  {id: 1, subj: 'Hello World!', body: 'Poop', board_id: 1},
  {id: 2, subj: 'Hello World!', body: 'Poop', board_id: 2},
  {id: 3, subj: 'Hello World!', body: 'Poop', board_id: 3}
];

Pls send help

>>55381477
I feel like I'm fucking up the namespace somewhere but I can't figure out where, I've been up all night with this

>>55381477
HAHA FUCK THAT WAS IT THERE WAS A MIXUP WITH THREAD AND THREADS

ANON IF YOU WERE HERE I WOULD LITERALLY SUCK YOUR DICK RIGHT NOW, PLEASE TAKE MY ETERNAL GRATITUDE INSTEAD

>>55381382
>>55381478
Resolved, please ignore or learn from my stupidity

>>55381098
What's the benefit of using a framework like laravel over non framework PHP?

>>55381774
not having to reinvent the wheel

>>55381774
you know the memes about how shit and ugly php is? well, although a bit exagerated, that's what you get with vanilla php

also >>55381792

>>55370110
You tried to buy a domain before you even started coding?

>>55382071
That's literally the first thing you should do though

>>55382229
If you're working for a client then yes, I can see the logic behind buying the domain first.
For personal projects that wouldn't work out so well for me because I'd get bored and stop coding after 30%, wait a few months then do another 30%, rinse and repeat.

Maybe the domain would actually motivate me to get something done for once.

>>55382300
It probably would since you've basically put a down payment on the project. And honestly even if it's a year before you get it deployed, that's better than getting to 90% and discovering someone else registered it

I don't know if my explanation will be clear but here goes.

You gusy know that type of form where you filll out a section with your details and then you click next, you're then shifted to another section where more content will be there for you to fill out - all of this happening without the page being refreshed. What is this type of thing called? Any tips?

Is there a tool that will help me to create this? I know a lot of JS will be involved to remove one section and display another, I'm trying to find a way to bypass having to code all of that by hand.

>>55382531
For routing without page refresh you need a single-page framework such as Angular.

If you know JavaScript you can learn one in a couple of days tops.

>>55382576
Thanks for the suggestion. I don't have a few days to learn anything unfortunately, I need to get this done by Monday. I just need to break a huge form down into sections where I can click Next or Previous to traverse the different parts.

>>55382531
>I know a lot of JS will be involved to remove one section and display another
http://codepen.io/anon/pen/WxjVkL

>>55382531
that's called a "wizard" form, and it's not complex at all
just build your form into sections

<form>
<div class="section-1">
some input
</div">

<div class="section-2">
some input
</div">
</form>

everything except section 1 should be hidden, then at the end of every section put a button that on click wold trigger the next section to show up, and the last section to hide

topics to google for: css hide property, html onclick attribute, jquery (because fuck vanilla js) show/hide methods

>>55382644
>>55382641
Looks simple enough, I'll just use a few hours to code it up then. Thank you.

what the actual shit do i do with my web page

it's just collecting dust in a corner of my basement counting uptime on the internet for no reason

>>55382644
>fuck vanilla js
U WOT

>>55359378
That's how I learned PHP.

Guys, I'm building a news site with rails and the editor can write articles, I want him to be able to upload images in the middle of the text how can I do that? I'm using carrierwave to upload images but it pus them at the end of the article

Does anyone know if https://dribbble.com/ uses Angular for routing? (not the nav links, the post links)
I want to implement something like this.

File: giphy.gif (2 MB, 450x259) Image search: [Google]

2 MB, 450x259

>>55356472
>2016
>Still dealing with MVC *and* ASP when the rest of us have moved on to React

>>55376428
fucking for real. nothing is explained, tutorials are just people writing out code without saying what it does. especially with the back end shit. i feel like i got memed.

What was 4chan built upon?

>>55356288
sorry for the late response...
your images should go to app-root data, aka, the environment varible OPENSHIFT_DATA_DIR
to disable auto deployment from git, run:

rhc app-configure my_app_name --no-auto-deploy

obviously, change my_app_name
finally... remember to read the docs. or at least google it. openshift is very well documented.

I'm glad people are using openshift. I'll keep suggesting to use it.

>>55384561
>your images should go to app-root data, aka, the environment varible OPENSHIFT_DATA_DIR
fuck, I meant
>your images should go to app-root/data, aka, the directory pointed by environment varible OPENSHIFT_DATA_DIR

>>55384443
php

>>55382945
same, I made an app and no one uses it :(
I really need to learn some marketing.
could someone teach us? my site is http://nask.co (btw, should I change the domain name?)

>>55378538
>single-page framework
>you're going to have to learn JS friendo
I really don't get this. why would you *need* JS for a single page website? what can you do with JS that can't be done with CSS?

>>55384646
>my site is http://nask.co
oh yeah I remember you posting this quite a while back I think when you made it

it's cool

>>55384376
Lol, somebody has no idea what he is talking about.

>>55384696
thanks m8

man, this thread is dead. guess webdevs have social lives... unlike me :(

>>55384675
you know what a spa is, right?

>>55384985
t.b.h., no, I'm not really sure.

>>55384956
we have jobs.

I just got home.

Join me in a 2 hour shitposting marathon before I have bedtime.

>>55384956
You can always hang out at /dpt/, thread's always bumped because they're all jobless NEETs

I'm planning about making a shitload of WP sites with "stolen" (automatically retrieved/posted) content for some monies (I'm a [sad] NEET). I got tired of all the "ideas" that I never finish, and all my failures related to things that I have done.
Do you think this could make me some money, /wdg/? Anyone got any pointer on what paths I should take? Do niche websites make money at all these days?
Also, does this belong here?

>>55385582
Your ranking will be below the ranking of the websites with the original content. Furthermore you will be penalized with your GPR.

Niche sites don't generally do well. An inline commenting system is a great way to boost PR.

I'm like you, I'm lazy, which is why all of my websites are ran by the community. I wrote zero content. They've written a few hundred pages of content so far.

So, how do you have a career doing this? Do you work in an office, freelance or try to make your own sites and hope they take off?

>>55385874
Are you replying to
>>55385816
?

I work my job and these sites operate on their own for a little extra cash. I have two more that are about 6 months out from launch that are also autonomous. I basically launch and hope something catches. I'm not above launching the same site under a different name a few years later.

>>55385816
How do you attract traffic to your sites?

>>55386045
I know these guys that used to post on /b/ who were into 'click trading'. Basically they had an IRC with a ton of people. You pick someone you wanted to trade with and they'd browse your site for about 10-20 minutes then click on one of the ads and you'd do the same for their site.

Apparently just clicking on an ad after being on the site for a minute doesn't count as a 'quality' referral and you'd only make a little money off it. Plus their content was unique most times. These guys were pros tho, they developed a neat way of doing it. Some of them were kids that made 2-3k a month just doing trades after school n shit.

I wish I could find them again, every time I think about it I feel sad because of all the money I'm missing out on. Hold me.

>>55386254
>Some of them were kids that made 2-3k a month just doing trades after school n shit.
really??? I always ignored those threads ;_;

how to get quick motive to keep learning php. awfully distracted tonight with feelings of loneliness.

>>55386254
It doesn't work like that 2-3k a month from ad clicks? You would need like 3 million ad clicks for that.

>>55386329
saturday nights make me really anxious because of my lonelines...
guess you need to think about the thing you are doing, listen to some music and distract yourself from the thought of loneliness

>>55386329
Money = people won't leave you alone. No more loneliness.

Get to work.

Also there is a special feeling you get launching a website that people use.

>>55386254
I make a single post on a relevant forum.

That's it.

I offer social media sharing though. People really like to share what they like.

>>55386454
Why do you comment on things you don't have any knowledge on? Have you ever used Adsense? All the click rings are for Adsense? You know why? Because they pay the best $0.10 to $2 per click.

>>55386527
I was going based on traffic, not clicks.

My bad. I know adsense though.

File: aws[1].png (22 KB, 390x220) Image search: [Google]

22 KB, 390x220

Does working with Amazon Web Services (AWS) go here?

Work has recently shoehorned me into working with AWS. Normally I'm a backend programmer and I interface directly with the computer running my code via the shell.

How do I get the python program to read from the worker queue that you can see in the Amazon web interface?

I've seen the example code like
http://michaelhallsmoore.com/blog/Python-Message-Queues-with-Amazon-Simple-Queue-Service
but they don't seem to show how to set the program to use that queue, only arbitrarily assigned names that could be different from the worker queue in the interface.

>>55360196
>on the html/css/js tree
>see all this shit

That is a lot of shit.

>>55384985
>>55385017
Never heard it used in this context but I'd wager that it'd probably be an acronym for 'single page application'.

>>55384376
>literally completely different things

inb4 this retard replies with "lol I was only pretending to be retarded"

>>55360685
>>ask him an extremely esoteric question (e.g. an edge case in IE4)

I'm literally cracking the fuck up. based af senpai

>>55357211
don't do it
please just make a sane static website

>>55358798
In the time that it took you to post that long reply, you could have just googled it.
>>55358424
In the time that it took you to post that reply, you could have just googled it.

literally the first result
github/kenwheeler/slick

>>55387695
Why the fuck should he have to google a common as fuck component for some lazy fag?

>>55387736

Act of
Random
Kindness 

>>55387794
No. It is more kind in the long-term to let babby learn to spoonfeed himself.

Hoe do I check what user wrote into form input? Like the exact words

>>55387895
Have you tried just asking them?

>>55387905
No, no I have not

>>55387511
whats wrong with dynamic websites?

>>55387938
Nothing. That anon is just bitter he can't make anything beyond a geocities page.

I want a semi comprehensive guide on learning javascript from the tooling to hosting using a relatively modern framework or set of libraries from a beginners perspective

Every other beginners tutorial I go to introduces the use of vanilla javascript and keywords and maybe a little jquery, but modern javascript seems like so much more then that. tooling like npm, libraries like Babel or Webpack(?), purely View components like React, MVC like Angular, full stack frameworks, server side Node, extensions of those server side like Node express, actually turning that into a hostable website ...

Anyone know a good starting point? I know some basic vanilla javascript already

I want to cry. I spent 13 hours today just trying to implement the simplest feature in Rails. Websockets stuff. So hey why not use the rails built in socket shit from the new release?
No, that is God damned awful. I spent so long trying to get it right, and I finally did get it right, and it was buggy UNRELATED TO MY CODE. Unusable buggy. 14 hours to find out that even when I do it right, I was doomed to fail.

And only then at 5am did I find out there is a gem that does the exact thing I wanted.

>>55356288
> Is there any way to leave the "images" folder untouched?

Yes, Capistrano would be perfect for this.
You can use the 'shared' folder to choose the files you want to keep between releases :)

If you have a SSH and a git access, you could use it

>>55356288
You should use Capistrano, which is the perfect deployment tool for this.
I believe you can use it if you have an SSH and git installed on your prod server.
Then you can put the image directory in the shared folder, so it won't be touched between releases :) (Capistrano creates a symlink on it for each release).

File: python-xxl.png (6 KB, 256x256) Image search: [Google]

6 KB, 256x256

I want to make password generator in python
I want to host it online
I want it to cost me nothing

Where can I host it? I assume i would need VPS of some sort not just simple html host?