/wdg/ - Web Development General

Le first

So guys I've been learning frontend for a long time now, and I have some experience with it so I made a react web app and it's going pretty well except I literally have no idea how to "put it on the internet" like I just know front end I don't even know how to google this fucking problem I don't know what to use or what I'm doing, like in this cases do you need to use shit like express or data bases? any ideas?

>>57888140
google how to set up a LAMP server (linux, apache, mysql, php)

I use both digitalocean and vultr as service providers.

Am I limiting myself by just using php/pdo and SQLite for my back end, then notepad++ for my text editor? I just dont see the need for anything more. I am a tiny bit limited with what I can do from the SQLite command line, but 98% of stuff I can do just fine. Super lightweight, no annoying bloated IDE, no GUI to hold my hand and do the dirty work for me, n00bs are easily impressed, etc.

File: halp!.jpg (25KB, 800x600px) Image search: [Google]

25KB, 800x600px

How can I accomplish pic related?

The big middle area is a div that shows messages.

The bottom left is a non-resizable text area that should take up as much space as possible as long as it doesnt push the send button off the screen.

>>57888200
Duckduckgo it pleb

>>57889285
a real chat program will require using a backend technology like php / nodejs / python

>>57889285
is this supposed to be a comment section or an instant messaging chatroom

>>57889285

are you asking how to make a chat app or just howto design the front end to look like that?

>>57889359
>>57889369

Its an instant messaging chatroom that im writing for fun to learn JS and some other web stuff.

Using nodejs as the backend and websockets for the front end. Ive already written the back end and front end (im not new to programming and have written GUIs before in Qt and various Jaba GUI toolkits).

I have a working version but its ugly and im struggling with the html/css.

>>57889378
Just how to design the front end. Everything is already written, its just ugly.

>>57889443
design sucks, just steal someone's ideas

>>57889285
there you go anon: https://jsbin.com/quyafamomo/edit?html,css,output

Same anon working on js form validation from last thread here
Now i have to make a date field, like "Enter your birthday" in YYYY-MM-DD format
but i need to ensure that the data is a date greater than 1900–01–01 and less than today

heres my current code

HTML-
<p><strong>Date</strong></p>

<input type="date" id="date" placeholder="yyyy-mm-dd"></input>

<p id="dateError" class="error">*Please enter valid a date</p>

JS-
var form = $('#form');
var date = $('#date');
form.on('submit', function(e){
    if(date.val() <= 1900-01-01 || date.val() > new Date()){
    e.preventDefault();
    $('#dateError').show();
    }else{
    $('#dateError').hide();
    }

Cant figure out what to put in the if statement condition, any help appreciated

>>57889462

here's a starting point

https://jsfiddle.net/pgocakpx/

i would then use the @media tag to change the width % of the text box and button based on the screen size, just make sure it adds up to 100%. Better methods may be out there, i did this in like 2 seconds

>>57889614

form validation/security should be done through the back end FIRST, anon

also this

http://stackoverflow.com/questions/16080378/check-if-one-date-is-between-two-dates-javascript

>>57889614
its pretty easy to compare unix time

Those of you who are employed, how much are you making?

>>57889756

dude just google job salaries. Also depends if youre junior level or senior

>>57889856
Calm down, I was curious about the /wdg/ folks specifically

>>57889918

asking people their income is weird

>>57889756
Not properly employed but I'm working 80 hours a month in a small agency as a side job (I'm a university student) and I make 1.1k Euro after taxes.
Probably not that much but it's easy money. 3 days a week and I have a lot of freedom about how I'm developing. I do back and frontend there.
This is in Germany by the way.

>>57889931
Its an anonymous message board dude, i can tell you that my nuts smell bad and i havent showered in two days and it doesnt matter

http://goodbyepewdiepie.com/

Added linear prediction

>>57889756
Gainfully employed. 63k/yr. I got a job offer for 70k/yr, but I decided to reject it because it's extremely cushy here (come in whenever, dress however, do whatever on the Internet).

I've fapped 5 times here.

>>57890738

>i've fapped 5 times here

ABSOLUTE

MADMAN
A
D
M
A
N

How do I pull info from an iframe? I want to use one piece of information from an embedded google trends graph.

>>57891277
You can't, unless it originates from your own domain.

Security reasons.

I have a php image upload system where I crop square thumbnails out of the images during the upload process. Only a few images made it but I got this message

 
Fatal Error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 3280 bytes) in createSquareThumbnail.php

What do

>>57887924
Quick Questions to real web developers:

Is CGI interface used to write the actual server logic? Or is wikipedia wrong?

Do you have to learn frameworks to use it? (ie for authentication, session management etc?)
If so, which language are the dominant ones written in?

Can I go anywhere in web dev without learning JS, PHP and the rest?

I know java, but the java server architecture/frameworks seem incredibly boring to learn and not in much demand, especially for short term gigs.

>>57889756
Mid level dev in a very low cost of living area. Making ~$70k with bonuses. Rarely work more than 40 hours a week. It's pretty chill.

>>57892138
Also just got a $50k bonus due to my company getting bought out. Got raped on taxes, though

>>57891649
>I know java, but the java server architecture/frameworks seem incredibly boring http://sparkjava.com/
http://ninjaframework.org/

File: sticker375x360.u3.png (126KB, 375x360px) Image search: [Google]

126KB, 375x360px

Got my second interview at LaunchCode.

Went in with a PHP/SQL project with hopes of being placed as a front end developer. They said I didn't demonstrate enough JavaScript, so I reworked it to include a bunch of JavaScript form validation.

I'm also building a small social media website from scratch, hoping to have it functional by my interview next week. Things are looking promising lads

>>57892551
goodjob man, what kind of JS form validation

How to get good at css + modern app design /wdg/?
All my apps look like shit unless I copy someones design/template. Also sick of using bootstrap, it helps in some areas but carries unwanted baggage plus looks generic as fuck.

>>57892761
only way with css imo is to just keep using it. I've kind of put it off for a while, and i definitely regret it now, but just keep working on design projects. CSS can be really finicky but after you continue to work with it you learn to build with it a lot quicker

>>57891649

>Is CGI interface used to write the actual server logic? Or is wikipedia wrong?
Yes, CGI is usually used to conduct server-side logic. Or an equivalent web server module (mod_php, mod_passenger). But web server modules are basically the exact thing as CGI. ( an interpreter that executes scripts, and acts as an intermediary between the script and the web server )

A new trend is to try to push more and more of the application logic into client space via javascript frameworks, but at the end of the day, even client-side webapps will need to make periodic requests to the backend. (to query data or save state) And again, all requests to the backend will invoke a cgi script (or the like). The request passes data in, the script processes it, and passes some output back as the response.

>Do you have to learn frameworks to use it? (ie for authentication, session management etc?)
Not technically. Most of the time you can do anything you need to do with just the base language.
However, you should learn frameworks. Maybe not right away. It is good to learn the fundamentals and "reinvent the wheel" a bit in the beginning. It helps you develop a good understanding of what you're doing. But once you get comfortable, and understand exactly what is involved in these things (auth, sessions, registration, mailers, etc), then you should learn frameworks. Frameworks will save you lots of time. (if you know what you're doing)

>If so, which language are the dominant ones written in?
PHP. Despite /g/'s hate for the language, most of the world still uses php for their webdev needs. Why? Because it is free, its been around for a while, there's an abundance of php devs, and its the simplest to get started with. (and doesn't require any fancy configuration)

>>57891649
>Can I go anywhere in web dev without learning JS, PHP and the rest?
Technically, yes. But you won't go as far.
Both JS & PHP are crucial to most modern websites/webapps. Without solid experience in both, your stuff will always be somewhat limited and will take longer to produce. There's a high expectation of web developers these days. You're expected to have experience in design, backend logic, frontend logic, and even a little experience in system configuration.

Most places will also want to see that you have a reasonable degree of experience with at least 3 frameworks. They like the guys that know a dozen frameworks. But usually if you know at least 3, you'll still be able to get serious consideration for the position they're interviewing for.

File: Screenshot from 2016-12-07 22-03-44.png (89KB, 1049x574px) Image search: [Google]

89KB, 1049x574px

>>57887924
Guys. I pray that you can help me. I've been searching for hours, but I can't find the answer to my question.

I'm using the youtube api to query data about videos. I'm using the 'get_video_information' endpoint.
Ex: https://www.youtube.com/get_video_info?video_id=VGNwXq6vPoI

They return the data in ugly application/x-www-form-urlencoded format. I've been parsing it, converting it to JSON.

There's still a property that I don't know how to parse.
On line 347, you can see there's the 'fmt_list' key, and an array of string values.

You can see quite obviously, further parsing is required. These strings are composed of 5 values, delimited by the '/' character.

The first value is the itag.
The second value is the resolution.

I don't know what values 3, 4, & 5 represent. I've googled the matter extensively. For hours. There is just no documentation on this, and the few bits of code I can find, everyone always seems to want to pull the resolution out, and disregard the rest. Nobody seems to know/care what values 3, 4, and 5 are.

I will say that I have reason to suspect one of these values may represent 'ipbits', but i'm not certain.

Does anyone know the keys that correspond to these values?

>>57893809
I've been there. I know it has that table that converts itag number to the matching codec.

But none of that helps me to decode these values.

I mean, it's great that itag 22 is an MP4 of H.264 encoding. But that doesn't tell me what the values: '9', '0', and '115' mean.

It's so frustrating. I literally cannot find anything on how to decode this parameter.

----
Also, this is what I have so far:
https://gist.github.com/anonymous/ed1fe37f0fd8977d2a08340c81d3ae64

Not much, I know. But I kinda got stuck on trying to solve the mystery of the enigmatic fmt_list parameters.

How to get job doing freelance? I need $100. I don't care what kind of work it is.

>>57888140
>I don't even know how to google this fucking problem

start by googling "how to deploy react app" or something similar. I haven't done this, but it looks like Heroku is an option. I know that Heroku made/makes deploying Rails apps super is easy. if their stuff still works the same, you can deploy to some temp address (URL will be random strings + heroku.com or something like that) for free.

>>57893878

super easy*

>>57893759

you could contact them.

>>57888140

> Windows
Open "C:\Windows\System32\Drivers\etc\hosts"
add "127.0.0.1 firstapp.local" to the file
install wamp ( http://www.wampserver.com/en/ )
setup a virtual server and all of that

You have now simulated putting your shit on the internet.

-----

If you need to actually, for real put your shit on the internet:

- go to digital ocean and get a droplet, I recommend fedora
- learn to use the package manager ( apt-get / dnf / yum )
- install httpd, mod_php, mariadb-server and all of that shit
- read: http://httpd.apache.org/docs/2.4/ (all day, everyday)
- purchase a domain name, and get yourself registered with the registrar
- purchase dns services ( noip.com , dyndns, or godaddy or something) OR host the dns server yourself
- make sure your registrar has the correct mapping of your domain name to your dns server
- setup all the records on your dns server
- make sure apache is setup all good on your server, and that your app/site is in the webroot
- check those named virtual host entries, make sure they're all correct
- make sure your firewall is allowing traffic to pass on port 80 and 443

TL;DR:
- Domain Name (registrar)
- Domain Name Services (nameserver w/ DNS Records)
- Server with Apache Installed
- Apache is running, files in proper directory, config all good
- Firewall isn't being a bitch
- selinux isn't being a bitch

Congratulations, you're hosting your own shit.
Now get back to work.

File: 1480942743619.jpg (30KB, 456x402px) Image search: [Google]

30KB, 456x402px

>>57892551

>PHP/SQL project
>hopes of being placed as a front end developer

>>57893943
Contact who? Google?

Do you honestly think they'd talk to me?

Everyone who has tried to ask about this on the forums has gotten the generic "this endpoint is not an officially supported api" answer.

>>57893992

ughh ignore this hipster. it's 2016.

>>57894016

yeah that's what I meant, contacting YouTube/Google. I probably didn't read your post carefully enough. just saw that you said you were using the YouTube api. didn't realize it wasn't something that's not officially supported. still worth a try if you've been searching for hours? idk

>>57888140
https://access.redhat.com/documentation/en-US/Red_Hat_Enterprise_Linux/7/html/System_Administrators_Guide/ch-Web_Servers.html

File: 1479384357587.jpg (27KB, 414x508px) Image search: [Google]

27KB, 414x508px

>code challenge: build a rest service in ASP.NET
>never touched ASP.NET or the framework at all before now

Just tell me if I'm completely and utterly fucked or not.

>>57894256

well I just did a Google search and there are multiple tutorials. so probably not fucked at all. anything you can Google your way through isn't that hard. just a matter of how long it will take.

>>57894256
Building REST in .NET is easy. And if you really know programming then picking up C# shouldn't be too hard.

>>57889756
Make $80k as early-mid level developer

File: The workout is working gif - icfjdU2.gif (2MB, 316x301px) Image search: [Google]

2MB, 316x301px

Need some help with ERR_NO_RESPONSE

i have a button that increments a database value and then fetches the new value on screen

When I click it too fast the page stops querying and when I refresh I get a blank google chrome error screen.

Is this a result of some MySQL setting being too restrictive or what?

>>57894994
You're not handling deadlocks

>>57895009
>deadlocks
Okay so in this case what would I do?

>>57895097
Try again if the query times out

>>57895122
but doesn't sql have some sort of buffer where it will wait until one query is done?

>>57895137
Yeah but if you fill it too much, additional ones will just time out

>>57895147
how do I make this timeout infinite?

I did it guys! I got hired as a developer! Today was my second day and I'm still so hyped. I have 3 out 4 years of a CS undergrad degree from a good school, but I'm on hiatus for medical leave, so on paper I'm just a high school grad with one summer internship in IT and no certs. But the github and the projects and the blogging and the going to meetups paid off - I met someone looking to hire at a Python meetup and I blew their coding test out of the water, I had so much time left I wrote up unit tests lol.

>>57889756
I'm getting $36/h in Dallas, I think 30/h is about 60k. So, low/normal for diplomaed entry dev in a big city, but high for no degree and hardly any official work experience.

God, I'll be able to buy a real computer now. And wheels. And a phone, or at least a battery.

>>57895214
Congrats anon! im still looking, but got a pretty good github. what kind of meetups did you do, and im pretty bad socially, but how did you strike up conversation with random people...i cant do that bit

What do you think, is this a good starting book for Django?

obeythetestinggoat[dat]com

>>57895214
>>57895598

May I ask what you put on your GitHub account?

I have more or less small projects ("/g/ programming challenge" sized), but that' won't do the trick, will it?

So what kind of stuff did you put on GitHub? Contributions to OpenSource projects? Write your own websites?

>>57893759

>The first value is the itag.
>The second value is the resolution.
>I don't know what values 3, 4, & 5 represent.

As I understand it, it shows all available formats, listed in quality order, so you can just take the first one and ignore the rest.

>>57896607

Unless you want a lower resolution, that is.

>>57896607
You are literally missing the point.

I want to know WHAT the values are FOR.

This has nothing to do with quality. And I certainly don't want to ignore data.
I want the data. I want to know how to interpret it.

I want to know what it means.

I'm not just gonna ignore it.

Which javascript framework/library do I start with? There are just so fucking many of them

>>57896916
first vanilla
then jquery
then look around you to see what is getting hired most

>>57896896

Dude.


1. Maybe your question wasn't that well formulated, then?

2. I tried to help YOU and you are just bitching arroud.


Maybe I'm missing something, but why don't you go to a random YT video and compare the values to the values on the site?

It's probably some of them values: 1080, 720, 480, 360, 240..

>>57896916
this video is a good start desu https://www.youtube.com/watch?v=sBzRwzY7G-k
I wouldn't learn jQuery today anymore. it's shit and doesn't scale

>>57897242
Most jobs require it your personal opinions are irrelevant

It's really easy to learn so no real reason not too

>>57897274
Many jobs require cleaning toilets as well, but that doesn't mean I'm gonna do it

>>57896916

1. Vanilla JS
2. Vanilla JS (no really, what is: hoisting, memoization, callbacks, iterate over properties, how does "this" work, variable scope, Document Object Model and Browser Object Model ...)
3. JQuery (easier DOM manupulation)
4. Jasmine (module testing)
5. Webpack (dependency management)
6. Vue JS (single page applications)

With those you will have a solid foundation in JS and know serveral important tools. If you can apply those (I don't mean to know every single jQuery method, just know how things work generally) you might look into some optional power-ups:

7. Node + Express (if you want to go full stack with JS for your backend)
8. ECMAScript6, TypeScript or CoffeScript (more "beautiful" JS, avoid the quirks of JS)
9. React/Redux, Angular2, Ember ... (bigger Single Page frameworks, if you want to work as a JS guy)

How are the future prospects of design jobs in this industry? Like, UI designer and UX designer? What are their salaries compared to frontend/backend? Will they die soon or stay?

using async/await when targeting ES5 in typescript 2.1 transpiles into a mass of switch statements and promise generators (duplicated in every file that so much as declares any function as async). They shoulda stuck to their guns and told everyone to fuck off requesting the feature.

What are the key things I should learn when I'm learning node.js? And what are some good and fun projects I can make now in the beginning?

>>57897949
>>57897949
>What are the key things I should learn when I'm learning node.js?
I'd recommend trying to learn nodejs

>And what are some good and fun projects I can make now in the beginning?
Hello world!

File: debian.png (81KB, 1028x1270px) Image search: [Google]

81KB, 1028x1270px

>>57887924
How do I do a indexer for public trackers in HTML?

>>57898055
what do you mean as "indexer"?
in pure html? you can't.

>>57888355

if you wanna go even more crazy, install gentoo and use vim

How can I show scrollbar when I hover over a div and then hide it afterwards?

>>57899162

overflow: scroll;

>>57899162

use jquery to add class that has overflow scroll to div on hover, then off hover add class with overflow hidden

I have a problem with React.

I have a component Chat, to which I have added a method messageReceived(message).

I have a parent component Game.
Here are its render and componentDidMount methods.

  render() {
    return (
      <div>
        <Chat ref="chat"/>
      </div>
    );
  }
  
  componentDidMount() {
    var chat = this.refs.chat;
    chat.messageReceived('hello world');
  }

I keep getting errors, telling me the method messageReceived doesn't exist.
Specifically

TypeError: chat.messageReceived is not a function

halp

>>57899220
>>57899254
Thanks. Eh, I don't know how it'll work, I have a content inside of it and when the scrollbar shows, it gets over it. The only way would be if I could style it and make the scrollbar really narrow, just noticeable enough that the user knows that div is scrollable. Then again, I guess it should be obvious since the content gets cut in half at the bottom.

>>57899342

make the div wider or add padding to the right of the div

Is it bad if I put an <img> and <a> tags inside of <h1> tag? It makes it easy to change font color when I hover over an img too, without having to use those sibling selectors and what not.

>>57899537

probably not the best practice. Why not just give the h1 an id or class then change it when you hover over the image? shouldn't have to use sibling selectors at all

>>57899571
I guess I'll do that, thanks. Just don't know if it's a good idea to have millions of small jQ snippets like that for everything if I can achieve it with CSS or rather just ignore. Does that affect performance?

hey lads! i have a question regarding hosting

I have a website hosted on godaddy and my client just purchased a .ie domain he wants to move the website to. I added a "off site DNS" to the godaddy DNS manager for the hosting - it gave me two nameserver adresses. What should i do with these? I know it should be a simple process but I've been trying all week and I can't get it to work.

Should the DNS hosting on the domain be internal or external? Do i need to add a DNS record anywhere?

do i need to close a php connection for each .php page i have? if the user closes the window of a .php page does it automatically close the connection or are they still connected to the db? then every time they open up the window it re-connects?

>>57899633

if you already have jquery included and run a simple function to change the color of stuff, it wont affect performance at all. Just dont include too many .js frameworks or libs or you will start to notice performance decline. Check in the developer tools of Chrome, there's a timeline of the processes. Most cases though just Jquery is fine....hopefully you're using the minified version....or even better the slim minified version

>>57899636
>godaddy
http://stackoverflow.com/a/29080063

have fun getting fucked by them, I endured them two years.

>>57899685
Yeah, minified and no other frameworks. Thanks.

>>57899714
I think I tried this already but I will try again! Thank you anon. What hosting should i reccomend for my clients then if godaddy sucks ass?

>>57899755
if they need to manage it there's no way around shared hosting.
just have a look if they support let's encrypt or try to avoid it to cash in selling their own, that's a good first indication.

otherwise a vps is usually a lot cheaper and more flexible to set up.

File: gar.jpg (173KB, 1910x1053px) Image search: [Google]

173KB, 1910x1053px

and this, my friends, is why you don't bloat your app with tons of meme front end .js frameworks/libs

>>57899998
but it shortens development time. I don't give a fuck if the client has to load 2 or 3 seconds when I have 5 projects scheduled.

>>57899755
I use a VPS from both Vultr and DigitalOcean. for a DNS I use google domains

>>57900043

well i would hope your projects isn't like THAT one.... 8-10 seconds before i could hit the refresh button.....yikes.

>>57899976
>>57900127
Thank you both

File: Screenshot 2016-12-08 at 11.47.57 AM.png (26KB, 230x386px) Image search: [Google]

26KB, 230x386px

Making a blog about beer. Each blog item looks like this. I'm certain this isn't good, so what would be the best way to make this look better?

>>57900275

well for consistency i would make both the title and description either left aligned or centered, then the rest idk....im not the best designer in the world. I just know you should stick to about 3 colors through the entire site/app and use browser friendly fonts.

>>57900043

if performance or security isn't a priority in your development process, i would not hire you, degenerate scum

File: where.jpg (785KB, 1920x1080px) Image search: [Google]

785KB, 1920x1080px

I wanted to finish my website today and post it here for a feedback, but I'm struggling with the pic related.

I'm not sure what would be the best way to implement a sidebar on mobile. As you can see, I was thinking about making a bottom navigation with icons like on mobile apps, but then I'd have to remove the red "Menu" button. I mean, I could create a normal hamburger button on the right then, and place login/signup buttons inside of it too. So, all of these tabs on the left (Trending, most liked etc." would be on the bottom and when you press it I show the content on top of the page.

What do you think would be the best in terms of usability? Completely removing the functionality on mobile would be kinda bad.

>>57900341
tell that my boss, fuckface.

>>57900365

he'll eventually find out when clients complain their site/app isn't loading as fast like other ones

>>57900390
our company server has 2Mbit upload, customers are already waiting minutes until the files are downloaded.

>>57900401

damn son

>>57900401
TOP FUCKING KEKE.

File: Screenshot 2016-12-08 at 12.38.20 PM.png (82KB, 444x406px) Image search: [Google]

82KB, 444x406px

>>57900326
How about this?

>>57900783

yeah thats better. Also make sure each image fits like the others (same amount of padding around each image, white space, etc).

>>57900783
Left align the text instead of making it justified. I would also make the border between the image and text thinner and change that border around the card to solid. And yeah, cards have to be top aligned. They can be of different heights, but align them on top, not on the bottom. I'd also make the background of the text a bit lighter, but that is on you.

>>57899998

wat

is going on here? someone pls explain

>>57899998
What's the difference between rendering and painting?

File: Selection_018.png (76KB, 262x260px) Image search: [Google]

76KB, 262x260px

Best templating and MV framework to learn ? ? ?

>>57894256

Open visual studio, new project, select Web on the templates section on the right hand menu, new asp.net application, select webapi from the window, turn off authentication, finish.

You've just created your own rest service in .net.

What's the challenge?

>>57901070
I've taken some of these into consideration, but I decided to keep the dashed border and the justified text. Here's a mockup:

http://collinoswalt.com/beer/

This is just a mockup for now. I need to optimize the images (I'm hotlinking from other sites for the mockup). Each card will link to an actual blog post about the beer (more about life in general, rather than the beers, since I'm really not an expert on beers).

File: 7.jpg (107KB, 1920x1080px) Image search: [Google]

107KB, 1920x1080px

Post your neocities site, lads.

File: bored.jpg (364KB, 834x771px) Image search: [Google]

364KB, 834x771px

>>57901467
>tfw you are this much bored...

Anyway, change font weights and colors in order to improve visual hierarchy. Also, I told you to justify the text because it has giant gaps in it and it doesn't look good, but it can be reduced by changing its size a bit.

>>57901640
I like these changes, but I still prefer justified text. The difference between justified and left aligned is that justified has blank space in the middle of the line while left aligned has blank space on the right of the line, and I think that looks like a waste of space.

I'll think about the fonts (I prefer a serif in the title and sans in the body) but I'll probably incorporate the weights and color changes.

Thanks for the advice

>>57901677
Np, yeah it's a matter of preference, I just tried to practice a bit on it too.

The readibility is definitely better when a text is left aligned, though. That's why it is used the most. Don't want to go into theory now, but trust me (or google yourself ofc).

But yeah, try to improve the contrast between the title and paragraph, look at this thumbnail and then on the previous one and you can see how much more in focus the title is.

I say that that border also creates too much tension, at least make it lighter gray, it could be better, if you want to keep it.

>>57901747
>thumbnail

That's good advice, I'll keep that in mind for future projects. What's the background color you used here?

>>57901677
Btw, read up on a psychology of a reader, how reading works, how eyes works, what are saccades etc. Why would anybody want a gap in the middle of a line?

Also, just want to mention that "I think that looks like a waste of space" is the exact thing people who are not well versed in design think. You don't want to have everything filled up with content. It's a phenomena known as "horror vacui".

>>57901774
#f7f7f7

Open dev tools, click on the color box and just click anywhere on a page - it will select that color and its value for you.

>>57901818
I don't think you need to use all of the space available, but I think you need to order it correctly. Blank space should be marginalized while the content should be the focal point. A webpage where the entire right half of the page is blank while the left half is filled with content is a waste of space. I think the same principal applies for text. Left justified with large amounts of blank space on the right also makes the card look lopsided instead of symmetrical.

File: 1481214399590.jpg (277KB, 1910x1053px) Image search: [Google]

277KB, 1910x1053px

>>57901182

see pic. The circled areas are all the scripting and loading the site does BEFORE it's fully functional and even allows you to refresh the page. It's one thing to have a site wait a few seconds to render everything like big news sites or sports sites. The timelines of those kind of sites if done right show a lot more being done immediately after going to the site. They just have a crap load of data. It's passable. However this one is using Angular 1.0 I think and as you can see, several seconds go by before you can do anything. It compiles all the js, then loads, compiles more js, then loads, etc, and so on. It's not just Angular 1.0 though, I know there were a lot of js and css includes in the app. All of this happens in milliseconds but obviously too many ms then becomes too many seconds. Don't listen to the meme devs that don't focus on performance. Each year that passes by things are getting faster and the standards are raised, it's a devs job to keep pace.

>>57901204

https://developers.google.com/web/fundamentals/performance/rendering/

File: card-design.png (416KB, 1024x520px) Image search: [Google]

416KB, 1024x520px

>>57902118
Ehh, you are mixing things now. It depends what should be symmetrical and what shouldn't. Of course that the page with left aligned container and big empty space on the right would look bad (see Time.com), but that doesn't mean you should sacrifice readability of a pure text. It's a whole different thing.

Actually, just google this term: "web card design" and see for yourself how the professionals are handling this problem. Only titles are sometimes (still rarely) centered, but that's when there is no excerpt. Otherwise - always left aligned. Read up on principles of graphic design, it will be useful.

>>57887924
>2015 : every site is "an app"
>2016 : every backend is "an API"

>>57902333

is every API RESTful? I'm confused on why some people say just api and some say restful api

>>57902421
No. You can use use websockets and connect to an API however you want. through whatever protocol you want

>>57902421

someone correct me if im wrong but isn't an api just the interface and displaying data whereas a Restful API you can also CRUD to the API's database?

>>57902586
>>57902421
what are you doing here

>captcha follow napoleon

>>57902586
An API which just displays info is still technically restful since you're GETing the info.

>>57902613

u wot m8

>>57902618

what does a non restful api do then?

>>57895214
I have a feeling you're lying but link to you blog / posts?

This would be the final push to get me to take up blogging

>>57902688

>blogging

as in making a blog for your portfolio or actually blogging about the project youre working on?

>>57896542
I'm learning java right now with the goal of making a voice controlled alarm clock / notepad / reminder. With the entire UI being voice recognition and UX being voice synthesis and a minimal screen.

You can also do a lot with the Raspberry Pi

File: 1394809505098.jpg (349KB, 684x626px) Image search: [Google]

349KB, 684x626px

Hey /wdg/ my current job sucks and I'm thinking about going back to school and doing something like web development.

I got 2 questions regarding this

Does it require autistic math like a CS major?
Do you enjoy your job if you happen to work in that field?

>>57897408
I literally just know how to do coding puzzles - by this I mean I have no idea how to implement or build anything - and and I'm pretty good at them with Js. I can print an array of primes up to nth without using a loop - in Js 5. I can solve most of things by chaining callbacks and anonymous functions.

I'm learning Java right now and I'm realizing how amazing Is feels to use in comparison. And I can also see why it's considered a hipster language being that you can use it for anything.
Really interested in getting handy with Js

>>57896542
I've got a quite a few challenges, also try to do one codewars Kata a day, and a few projects. one being pretty large( I think), that I hope to sell as a service (i sell the data source to one company atm, but am refining it for mass use).

>>57900783
You should put all images into the same row, which had a max width and max height setting. I'm forgetting how to resize images in CSS but it's possible

File: 1458249001878.jpg (21KB, 500x374px) Image search: [Google]

21KB, 500x374px

>>57902877
>java
>hipster

anyway i can grab an OLE object from M$ Access and export the image file? when i export the entire table to csv, all the cells under the image url column are blank :/

I'm to make a splash page for a company that provides Wifi through Cloudtrax.

Users are supposed to be able to go to a hotspot and once they want to access free wifi, they'll be welcomed by a splash page where they can get through if they either like the fb page/log in with certain social media accounts. Clients are supposed to be able to log in with email and get their Cloudtrax stats and such.(I don't see a reason why I shouldn't split this into two separate things but eh..)

Anyone with any experience with this? From what I've seen so far it looks like I need to setup a RADIUS server, connect that to Cloudtrax, probably setup a db with clients on my end (or pull that from Cloudtrax as well) and work with Cloudtrax API + various social media APIs.

I've two working days for this, sole dev. About to start reading on RADIUS and all things Cloudtrax. How fucked am I, /wdg/?

>>57893943
>>57894084
>contacting YouTube/Google
You don't just "contact" google. You can be spending $1k+/mo on their cloud services and you still don't even get a phone number to call if something fucks up. Google has absolutely zero customer support for 99% of their services. You definitely aren't going to be able to just contact them to ask about API stuff.

You'll cowards don't even smoke crack

>>57903771
yes

>>57903771
no

>>57903744
Not true. My company spends 10k/year on their api shit and we generally get help quickly if something goes wrong.

Anyone know anything about server side image processing with node? Like have the server receive a request to display a library compared to a skyscraper in size scaled to each other. I would imagine you'd have to have vectors of each building and have a program that puts them on a canvas then scales it to the desired output size. Anything like that?

Is it possible to get a randomly selected banner on a webpage like how 4chan does without any JavaScript?

>>57904412

yes, any server side script can do that

How do I hide a part of a wordpress theme?


I have no idea how to navigate the wordpress shit.

There's a testimonials section I don't want. There is an option to edit it in the customize menu but nothing to delete it.

>>57903939
Then consider yourself lucky because you're in the minority there. For most people the only way to get any support from google is to know someone that works there and can direct you to someone that can help or to make a lot of noise on twitter/reddit/hackernews and so on.

is the best way to display an image based on a unique number is to create a table in sql with a PK and a text field to hold the path of the file? then run a query to display the image based on the PK? i can't think of another way i could do this so i want to make sure its a good method to do something like this

>>57904449
What kind of scripts? Would it be possible with just HTML5 only, without any scripting?

>>57904903

i'v written a random image generator script in php before. Very few lines.......google, my friend

A friend is trying to make an image board in mysql administrator and it seems that the tables can't be found even when they do exist.

Error:Table 'inter542_image.sections' doesn't exist

How to fix?

>>57904950
>inter542_image.sections
Wait... Is he going to store image blobs in an sql database?

>>57904950
post query.
post proof of table existance.

>>57904903
no.

>>57904806
either store the relative path from your file system so you can serve them from your image handler or save the image in the database with a filegroup or similar and serve it directly from there.

>>57904903

HTML alone won't be able to do this, no

>>57904950

bad name for a table, also im not sure if periods are allowed in the table name. I would delete the table and go through a tutorial very carefully you find by googling on how to create tables in mysql. I use sqlite, not mysql, but it can't be too difficult to do. If it's simply saying the table doesn't exist, then it's probably a n00b error

>>57905016

yeah im gonna try the first method you said. I was reading you shouldn't store an actual image in your DB anyway....plus i have no idea how that would actually work.....

Is it worth going into UI or UX? You guys probably have some experience with people from those fields.

>>57905172
lel'd

>>57905216
Good comment. I see you know what you are talking about.

>>57897645
I dunno anon but I'm curious about this too. Seems like UX people just got tired of being dismissed as designers and wanted a new title.

I can't imagine their jobs won't be absorbed by devs/designers in the future. But who knows?

>>57905172

seems like it's all about who you know in terms of getting a UX job. No specific desirable skills from UX people. They don't program, they're not artists. Maybe they do wireframes or simple mock ups. Testing could be a part of UX as well. I feel like it's more of a social role and companies hire UX people for diversity. Do companies really need an employee dedicated to UX? You'd probably be better off in marketing/SEO.

>>57905310
UX guys have a different role from UI, though. UI design is mostly a visual design, UX has more to do with a psychology, but they are similar in some things.

What the fuck?

I edit the PHP directly outside of wordpress and wordpress just fucking ignores it.


How am I supposed to add shit?

>>57905525
clear the wordpress cache.

>>57905172

full stack or nothin, brah. 2017 is upon us

>>57905525
https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

>>57905534
I like how literally zero fucking searches for "How to clear Wordpress cache" are correct.

GOD FUCKING DAMMIT

I could just write my own fucking cms before I figure this bootleg shit out.

>>57905541
Why are UX jobs on the rise, then?

And don't you think we will be spreading ourselves too thin, then? Most backend devs know jack shit about design, even a lot of frontend devs are trash. And you need someone who will design everything properly.

I can do design and frontend, also know some backend but haven't worked on it much, but there is just too much going on. I'm currently creating one website and the amount of time it takes to just design everything is off the charts, then implementing it and making it work on every device is 5x worse. It is going slooooooooow as fuck and sometimes I'm wondering why am I even doing this to myself.

Now I bricked apache following a tutorial. Great.

>>57905755
you must be very special.

>>>57905525
I can't use other people's shitty platforms. I'm a vanilla dev full-stack.

>>57905778
Nice one 4chan.
>>57905768

>>57905778
I don't know how you didn't go insane. Yes, WP is a pain in the ass sometimes, but I was really smart for the current project and did everything else I could vanilla, frontend and backend, didn't use any CSS or JS frameworks. I WILL NEVER do this again. Living hell.

File: 1462202957124.jpg (186KB, 720x720px) Image search: [Google]

186KB, 720x720px

>>57902870
Anyone?

>>57905812
I'm doing this for a family members site because I'm doing it for free and I don't feel like templating shit because CSS is ass.

This is supposed to be easy. It probably is very easy but I would trade extremely fucking difficult for infuriating any second of the week.

>>57905833
I can just say that it doesn't require much math, if at all (depends what part of webdev). And there are tons of resources where you can learn by yourself too, so try it out. Everything is literally a click away today, just find some HTML tutorial on youtube and do shit and see how you like it.

Select what you want to install:

-Other
------Other
----------Other
--------------Other
-------------------Other
-------------------Advanced spyware and 300 browser toolbars.

>>57905354
Seems I have misspoke then, apologies sir.

Seriously though I did think it was just a rebranding of designers.

>>57905665

Are they? hard to imagine UX is more in demand than programmers/devs, though. Plus more competition since every non dev will apply for those jobs. I just think the title is going out of style. What you described is a designer. It doesn't matter if you've met front or back end devs who are trash. That's not an excuse to go into "UX". What matters is the "UX" person planning/designing before the development process and making sure they're doing their job. But why not just call that design then? I've seen UX roles at big corps but not much anywhere else. If there's enough work to be done then sure, I guess. I personally wouldnt fill a "UX" role if the person can't design at a high level.

>>57905778

same

>>57905833

no but algebra and logic helps bigly.

yes

>>57906216
Yeah, I'm not a fan of those titles either, but yeah, call it what you want, there needs to be someone who will design everything. But as it has been said, UI and UX designer don't do same things.

Cache won't clear.

It's the browser.

Have developer tools NO CACHE ALLOWED enabled.

Have emptied cache.

Still shows the old site that I deleted and reinstalled.

What the fuck is going on?

I can't even ctrl-f5

This page literally doesn't exist anymore and chrome is displaying it. WHAT THE FUCK IS GOING ON

>>57905354

if a company hires someone solely for the psychology of an app, then they're either loaded or dumb

>>57906294
I don't know mang. UX designers have up to $100,000 salaries. I don't know why either.

>>57906311
Because if your UX sucks, people will leave it. Doesn't matter how "elegant" your backend code is.

>>57906328

true, but you would have to think some or most of it even is the designers responsibility too. The best designers also think about UX, and vice versa.

Oh boy, let's watch tutorials on this cms instead of learning a new framework.

Really easy. Good job on this CMS. How fantastic how easy this is. I'm glad I didn't need to watch a 20 minute long video of a 50 year old explaining the series of menus to make a theme look like the preview instead of a gagglefuck of random blog bullshit.

>>57906311

either theyre loaded and want to hire for muh diversity purposes or underpaying their devs

>>57906459
You are underestimating UX position, man. Devs are not gods.

>>57906481

they are if they can also UX. lelz. Basically i'll end the convo by saying if you literally only know UX psychology then i think you're limiting yourself, but hey if you make it making 100k a year then i'll buy you a beer

>>57906403
UX is everyone's responsibility.

You can have the nicest user menu in the world, but it doesn't matter if it takes 30 seconds for it to do anything.

How do I block everything that any 3rd worlder has ever made?

Hey guys! Here's a template! Use this to build a contact form! You have to! Go ahead and install that embed code that shows a white screen because we're incompetent developers! Also subscribe for more features!

Fuck off. Bootstrap it is. I'll just manually jack all these themes and rip the PHP out. niggers

>>57906550
I'm not limiting myself at all, I can do dev too, just saying. But as I said, you can't be great at everything equally.

File: 1471027507956.jpg (18KB, 500x500px) Image search: [Google]

18KB, 500x500px

>>57906590
>How do I block everything that any 3rd worlder has ever made?

You become an actual developer and write code to develop web applications instead of just installing wordpress and stuffing templates and plugins into it until it kind of resembles what you want, before going outside to visit your designated shitting street, you fucking pajeet.

>>57906659
I've done vanilla for 17 years. Frameworks for 5. The wordpress and template shit is what's causing me problems.

>>57906678
>The wordpress and template shit is what's causing me problems.

Well yes, you've correctly identified the problem. The correct way to avoid anything a 3rd worlder has ever made is to avoid Wordpress altogether.

Like seriously why would you ever use Wordpress unless you were literally Indian?

There are content management systems for every langauge, use one for anything other than PHP and you've automatically filtered out the vast majority of poo-in-loo code.

>>57906734
>Like seriously why would you ever use Wordpress unless you were literally Indian?

Making a website for a family member as a Christmas present and not wanting to spend time on it because I'm launching in 20 days.

>>57888200
>>57893878
>>57893992
>>57894129
Thanks a lot, this is helping me out a lot.

File: 7LFEHo3.jpg (141KB, 1018x728px) Image search: [Google]

141KB, 1018x728px

>tfw following a YouTube tutorial that is on the exact subject matter I need
>It's some Pakistani guy and you can hear crickets and dogs barking in the background

>>57903105
Js

>>57902716
Read the post I linked.
Blogging as in blogging what I'm working on.

>>57908208
srsly what's the deal with that shit.

was trying to learn a little bit of retrofit 2 and all the fucking tutorial videos where from indians

HI VELCOM TO MI CHANNNEL

>>57908949
The part that sucks most to me is that they're foreign guys whose lives sound like they suck. If your house is infested with crickets or you don't have central air or whatever, why am I learning from you? Is my goal to make less money? Fuck

But it's still useful so I just try to enjoy the aesthetic

Hi /g/

I'm having a problem with Webpack that I can't work out. I have multiple entry points but they're being built as numbered files instead of named files. Any idea why?

Webpack.config.js

var config = {
  entry: {
    login: [APP_DIR + '/login.jsx'], 
    app: APP_DIR + '/app.jsx', 
    Clients: [APP_DIR + COMPONENT_SUBDIR + 'Clients.jsx'],
    Suppliers: [APP_DIR + COMPONENT_SUBDIR + 'Suppliers.jsx'],
    Dashboard: [APP_DIR + COMPONENT_SUBDIR + 'Dashboard.jsx'],
    Orders: [APP_DIR + COMPONENT_SUBDIR + 'Orders.jsx'],
    vendor: ['jquery', 'react', 'react-toolbox'],
  },
  output: {
    path: BUILD_DIR,
    filename: '[name].js',
    chunkFilename: '[name].js',
    publicPath: '/app/'
  },

Webpack output

Version: webpack 1.13.2
Time: 22846ms
           Asset     Size  Chunks             Chunk Names
    Dashboard.js  2.43 MB    0, 6  [emitted]  Dashboard
      Clients.js  2.47 MB    2, 9  [emitted]  Clients
    Suppliers.js  2.47 MB    3, 8  [emitted]  Suppliers
       Orders.js  2.48 MB    4, 7  [emitted]  Orders
          app.js  2.75 MB       5  [emitted]  app
            6.js  8.06 kB       6  [emitted]  
            7.js  50.2 kB       7  [emitted]  
            8.js  31.8 kB       8  [emitted]  
            9.js  34.6 kB       9  [emitted]  
           10.js  18.2 kB      10  [emitted] 

Everything works but I need to lock down some modules to authorised users and I can't do that reliably with numbered files, the named files aren't loaded.


>>57899328
You probably haven't declared the messageReceived() function correctly. React has syntax issues, working out the right one can be a hassle. Assuming everything else works fine, check what function declaration syntax is used for that function and other functions that actually work.

>>57900342
>struggling with mobile UX
Try reading the Material Design spec, it has some pretty good points about UX.
https://getmdl.io/components/index.html#layout-section/layout

>>57908208
They have barking crickets in Pakistan?

File: cssdumbdumb.jpg (4KB, 202x153px) Image search: [Google]

4KB, 202x153px

Css related question. This, pic related is a div and a kbd element with the capital letter 'F' in it + a span element with the letters 'fa' as the children of the div.
How do I get 'fa' to stand directly below 'F', both of them centered?

File: html.jpg (14KB, 1040x31px) Image search: [Google]

14KB, 1040x31px

>>57910472

>>57910494
nvm I've figured it out. flexbox <3 <3

Hey /g/uys

Im starting to use nginx instead of apache for my web server.

In apache i use this .htaccess file when using the

$locationProvider

of angularJS and the

<base>

tag on html

.htaccess

RewriteEngine On  
  # If an existing asset or directory is requested go to it as it is
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
  RewriteRule ^ - [L]

  # If the requested resource doesn't exist, use index.html
  RewriteRule ^ /index.html

with that file i can for example enter mywebsite.com/somepage,mywebsite.com/anotherpage and move between them using the brower history.

How can i rewrite this on nginx?

>>57908208
Read a book. YouTube tutorials are by Indians, for Indians

hi, /g/ I'm broke and I thought I could get a job learning how to program front end. I have some programming knowledge. I have one game released for android, I programmed it using c# in unity. I can't make any money with it and I can't find jobs as a game dev. So I was thinking about to learn how to program in JavaScript to try and make a living. What should I learn to become a competent front end programmer?

>>57912681
I recommend a CS degree.

>>57903640
Bump

Anyone with experience with RADIUS and anything like Cloudtrax?

>>57913080
>>57903640
>I've two working days for this, sole dev. About to start reading on RADIUS and all things Cloudtrax. How fucked am I, /wdg/?

Two days? You're fucked.
If you knew what you were doing, it would probably be doable but not knowing technologies involved means that if literally anything goes wrong on whatever tutorial you follow to do it, you blow your deadline out of the water.

Tell your boss that that's not a two day project for developer without experience in the area.

>>57913111
It got moved a bit but I imagine this will be my weekend.

From what I'm beginning to understand I need to setup a RADIUS, make it so that users can get through with a token they'll receive once signing with one of the botnets/liking the botbook page and that's it. Now "that's it" doesn't cover me trying to figure out all of the botnet APIs and making sure users "check in" or whatever, but oh well.

Page will also be dynamic, I need to make a db with photos and shit, and make a connection with it based on the on-site location of the client (hopefully I can get that via Cloudtrax API).

Any tips, hints, clues or xanax?

How legitimate is all the hate that javascript gets? Everyone I've ever called on it just turns out to be some edgy kid trying to sound like he's not completely clueless on the subject.

>>57913340
>It got moved a bit but I imagine this will be my weekend.
All that networking shit makes it way more than two days, plus every social media has its own API.

Just email your boss and tell them that it's going over deadline because their deadline is too ambitious for the work load.

>>57913358
>How legitimate is all the hate that javascript gets?

Mostly, it's just server-side developers not wanting to learn new stuff. That said...

>Everyone I've ever called on it just turns out to be some edgy kid trying to sound like he's not completely clueless on the subject.

Javascript evangalists are insufferable, like any evangalists. And Javascript is a very meme-rich environment right now. When Javascript grew up and became a real language, it somehow attracted a butt-load of cutting-edge wannabes who shill the fuck out of it and want to use it for literally everything. I think it's now actually possible to compile Javascript in Javascript and have it be served by Javascript running on a Javascript box.

Like I said, they want to use it for literally everything.

It breeds a certain resentment as a fairly natural reaction.

>>57913404
Haha that makes sense thanks

>>57906779
ever heard of google script?
you can create entire tiny websites with it.

>>57909768
Uh doesn't it kind of defeat the purpose of webpack to have multiple entry points
If you want to restrict certain parts of your app having a router with some kind of authentication middleware is maybe a better idea

>>57913404
>How legitimate is all the hate that javascript gets?
>Mostly, it's just server-side developers not wanting to learn new stuff. That said...

Javascript is slow and simpel stuff is easy in it, but once you go complex, the entire syntax starts to suck ass

>>57913492
>what are ES6+ features
Also no one should write vanilla JS or jQuery shit these days anymore.
You gotta swallow the meme pill and use webpack and shit.
React is awesome and there is no better option for big SPAs, not in JS and not elsewhere

>>57913379
Yeah. I just pushed it back till some other time.

I will probably be forced to do that shit sometime later so I will ask while I can, was what I said somewhat correct? Is that how I should start that devhell? Any reliable sources other than docs or should I just roll with random tuts?

In the meantime, I need to make a CMS around google adwords, but hey, at least that's only one API.

Fuck I hate giving estimates

How long would you need for this shit:
- simple PHP page to upload some CSV like file, parse & save it, display it as a table
- users should be able to login and have multiple categories to upload their data into
- admin menu to manage users
- they haven't said anything about it being responsive or SPA, so I'm just gonna dump a static bootstrap page with minimal theming

Is 60 hours too much to ask?

>>57913801
few hours if you are able to use scaffolding

>>57913801
That's nearly 2 weeks though.

You should give an estimate for a simpler Proof of Concept first, do that, and then if they like it, give a new estimate for the upgrades that they want.

So you could do PoC with login and CSV.
But no admin-page. (You can do that manually by connecting to the db yourself.)

Then you can give an estimate for the admin page, categories, etc.

This is actually better for the customer, because if they find out 1 week in that this is not what they need, they can change their mind, and they'll have wasted much less money.

I'm not a good web developer, and can't into CSS, so I'd suggest:
Setting up server, etc: 1 day. (I assume you'll use a script to install your environment and set up the LAMP stack. (I also suggest Postgres instead of MySQL, but I'm not your mom.)

And then you write a very simple HelloWorld.html site, style it with very basic CSS, and you're done for the day.

Login page: However long you need. I assume that you know a PHP library that does all that shit for you and most of the time will be spent babysitting the library.
But, I am not good at PHP.
In Java it's dirt simple, takes very little code, and works beautifully, so I assume the same is true for PHP. However, you have to set up the specs and shit, and this type of communication takes time.

CSV parsing and displaying:
This actually is more complicated than you might think: Will you need to accept CSV from Europe? A lot of Europeans use ; as the separator, and , for the decimal mark, for example. You can easily spend a day building that stuff, and making tests for it. Ask them up front if they need it to be able to handle un-American CSV files.

Displaying as an HTML-table is not very hard. But you will need to schedule time to write unit tests. So about a day seems reasonable.

Then there's at least 2-3 days to get the design up and running, making sure that it's easy to use and so on.

>>57913919
I'd probably make the coding part in about 1-2 days in Java, and spend the rest of the week making sure that it's easy to use, and that it looks good. And I'd make sure that they understand why good design matters.
(Both in the code and on your monitor.)

File: 1441829852959.png (184KB, 659x609px) Image search: [Google]

184KB, 659x609px

>>57913974
>java
u sure went enterprise on something trivial such as that

>>57914031
I'd use .net core, some other would use php, nodejs or even c.
So what?

What is your trivial language of choice?

File: dropzones.png (22KB, 1394x797px) Image search: [Google]

22KB, 1394x797px

Using Interactjs.

I have a "menu" on the left side with a bunch of draggable elements. You drag these elements into dropzones placed on the page. There are a lot of dropzones, so the container is horizontally scrollable. When i scroll to the right, the dropzones furthest to the left goes behind the menu as it should. The problem is that the dropzones are still active "through" the menu that they are behind. So i can accidentally drop a draggable element into a dropzone that is hidden under the menu because i scrolled to the right.

I cant for the life of me figure out how to stop this. These are not children, and IntereactJS refuse to consider z-indexes. Therefore preventing bubbling etc does not work. Even if i put a fake fixed dropzone under the menu, the dropzones that are scrolled under it still override it (even if i switch the order in which i create them)

How the hell do i solve this?

What's the standard templating tool?

pug?
mustache?
handlebars?

So many variations...
Which one to learn to fluency?

>>57914031
Java is just the language I'm more comfortable with.

I don't have to go for Spring.io. I could use SparkJava and a template, or pure JSP, or something else.
There are a lot of options of varying Enterpriseness.

>>57914317
glimmer

>>57914317
Moustache is available on everything, but it's pretty limited (by design).

It's good for quick stuff.

I'd go for whatever works well in your language of choice.

That might mean different things in C (I think PHP is the most common template tool for C), Java, .Net, etc.

What browser do you use for dev? I can't decide.

Firefox Developer Edition has beautiful, virtually error-free rendering and useful tools that are intuitive/fun, but is slow as balls compared to chrome and developer tools do lag out and/or break entirely (especially if there are inline scripts I need to debug, it seems to cache the HTML in the debugger so every line of JS has to be in a separate file and I know, I know it wouldn't be an issue if I just didn't do that but fuck off okay?)

Chrome is again, fast, and their developer tools arguably set the standard but it is too fast for its own good often giving me frustrating rendering bugs, especially with fonts, the developer tools I find unintuitive and arbitrary, don't list all possible options for some css properties for example, also chrome doesn't support a ton of features that I've come to rely upon in firefox so polyfills come into play but then the exact opposite is true for webcomponents

basically each has their own quirks and idiosyncrasies they're virtually the same except for these tiny details but being a web artisan in the 21st century is all about detail and nuance amirite

if anyone recommends safari, ie/edge, or a meme browser I will slap you

>>57914648
I'm using firefox as a normal browser, but the chrome developer tools are a lot better and faster than firefoxes, so I'm using chrome for that.

The firefox developer tools are horribly slow.

What are some good blogs I should follow as a backend developer to keep up with new stuff?

>>57915262
http://www.templeos.org/Wb/Home/Web/TAD/DailyBlog.html#l1

>>57913561

stop trying to meme us vanilla devs, you degenerate scumlord

http://goodbyepewdiepie.com/

Updated for today

>>57914069

difference between asp.net and asp.net core? i try to stay away from .net though. For the most part it's an unnecessary layer by M$ to control the developer community. There's borderline no reason to not just start off with a vanilla language and ignore all frameworks that do the heavy lifting for you. If you want to actually learn. Plus VS is bloated and annoying. A dev shouldn't have to go through all the unique errors .net will give you. When i switched to php it was so much easier for me to get projects done

>>57915658
asp.net is the old web framework for the .net framework.
asp.net core is the new open source and multi platform framework for the .net core runtime.
they changed the names of core multiple times, so no idea which one is the actual now.
it also doesn't require visual studio.


php and asp.net both do the same, they abstract basic server/client communication over http to you, so neither is really "vanilla".
and unless you really want to write your own server, why bother with vanilla stuff? It's been reinvented a hundred times already.

rate my clean string function

function mrCleanString($muhData) {
    $muhData = trim($muhData);
    $muhData = stripslashes($muhData);
    $muhData = htmlspecialchars($muhData);
    $muhData = str_replace(',', '', $muhData);
    return $muhData;
}

>>57910472

https://jsfiddle.net/3L0540f4/

>>57912681
Watch this video
https://youtu.be/sBzRwzY7G-k
(Supposed to be in the OP but some dickass removed it)

In short:
HTML + CSS + Javascript Are the core technologies for web development. Learn them first, probably in that order. (HTML and CSS are pretty easy compared to JS for the most part)

Then learn one of the many languages used for backend stuff. I recommend one of the following:

PHP - You can learn enough to get started with in like 4 hours (if you already have a programming background). It's very easy to produce shitty, insecure code with PHP if you don't know what you're doing though, so be sure to really learn it inside and out before you try to make anything for the real world.

Python - Very easy to read & understand the code. Several high-quality web frameworks available for it, including Flask and Django.

Ruby - Most people learn this because of the popular Rails framework, which allows you to generate a functioning CRUD app in minutes. Also seems to be language of choice for SJWs for whatever reason.

Node - Uses Javascript so if you already know that from the first part, you don't need to learn another language. Like frontend JS, there are seemingly billions of 3rd party packages available for just about anything you could want to do. It's a blessing and a curse. You can probably find an easy to use wrapper for whatever weird database or API you want to talk to, but try not to get too crazy with it.

Java - Not considered one of the cool languages, but if you already know Java you can use it for web development. I believe Spring is a framework that is pretty popular with Java web devs, when they aren't feeding birds at the park or complaining about their grandkids never visiting.

since when people pronounce SQL as "sequel"?

last time i used SQL was in 2005 and people called it just Es Que eL

>>57916329
Convenience. It's not pronounced like sequel, but people use it for speed and smoothness. It's smoother and faster to say sequel than to spell it out all the time. Same with GUI. It infuriates me that people call it gooey.

>>57916329

i just want to know why you haven't actually used SQL since 2005. What in the world do you develop and not use SQL?

>>57911300
>pls respond

I just put my first site ever online. Vue frontend and a custom CMS made with sails.js/node. Did all of the hosting stuff manually via terminal. I feel like I know stuff know.
It's fully https and hopefully protected against all sorts of attacks. I kinda want to post it here but I don't trust you guys one bit.

>>57911300
>>57916486

location / {
    try_files $uri /index.html;
}

>>57916483
i didn't develop anything, i wasted my life doing useless shit because i am an aspie retard

>>57913358
Javascript has its quirks like any language, but is legit comfy once you get used to it. Part of the problem is that because it's so easy to create and use packages with npm, some people go nuts with it (left-pad syndrome, etc). A lot of it is junior devs trying to push their shitty code on everyone because it looks good on a resume to have something on npm that people are actually using. I think the JS community is slowly starting to crest the hill on ridiculous meme frameworks and settle in to some more standardized best practices though. Even the most die-hard JS devs are starting to get sick of learning a new thing every week.

It also kind of turns people off because its kind of a weird mishmash between lots of different programming paradigms with a very small/nonexistent standard library. Once you get used to it, it gives you a lot of freedom, but it can definitely be strange to someone coming from a C background or something.

>>57912681

Why does NOBODY look at the sticky?
All sources are there.
They are even sorted for your convenience.

>>57916329
SEQUEL (Structured English Query Language)
is the correct way to say it. Too bad most devs look at you like you're some kind of lunatic when you use the correct way

>>57916645

ha yeh, it was originally called SEQUEL. I'm not a fedora tipping wikipedia sperglord, but it's amazing how much you can learn from just a google or wiki search.

>>57916329

You can use both ways.

When SQL was created, IBM originally called it "SEQUEL" (Structured English Query Language). But it turned out some company already had that as a protected trademark, so they renamed it "SQL" to not get sued.

>>57893992
>purchase DNS
How old are you ? 50?


>>57888140
If you buy your domain from a reputable provider the DNS service comes with the domain purchase.
I would go with digitalocean. That's what I use.

>>57915948

function mrCleanString($muhData) {
  return preg_replace(',', '', preg_replace('/\\(.)/mg', '$1', trim($muhData)));
}

what even is the purpose of your method

>>57913358

Well, JS is somewhat of a guilty pleasure of programmers. Or you could say JS is like an abusive relationship..

It has quirks, a lot of quirks. An awful lot of langauges was only created to make JS less retarded:
>https://github.com/jashkenas/coffeescript/wiki/list-of-languages-that-compile-to-js

Basically the newest JS version (ECMA 6) is considered the best JavaScript ever because it has sane defaults..


It's a really good idea to take 1-2 months and work yourself through "SICP" and learn some Scheme before even looking at JS. This will really help you in the long run, since JS is basically Scheme with C syntax + some bad defaults.

>>57916825

what you mean? filtering/parsing strings is very common. You want to have restrictions on text input usually....

>>57916888
Why? When the user inputs shit, he'll get shit.

>>57916904

pls be trollin'

>>57916930
No, I don't understand.
The last time I had to filter shit from users was like 10 years ago, why still?

>>57914317
Pug is a leaky abstraction. You have to learn a whole other markup language, but still know html to use it effectively. It's just yet another thing to learn and debug, etc. but brings little benefit for the trouble.

You're better off with something that stays as close to the html as possible. Personally, I'm a fan of the ejs/erb/php templating style, but stuff like handlebars works too if you prefer that.

>>57914648
seconding this >>57914696
FF for muh freedumbs, chrome for the dev tools. I actually do use the FF dev tools sometimes. Mostly it's just the network stuff that's slow, and it has a dark theme.

I'm a webdev in 2016 that actually writes all his code instead of using a million frameworks. Ask me anything.

>>57916946

what if you dont want your user to input a period, comma, special characters, spaces, SQL injection, scripts, numbers, slashes, etc.

c'mon man

>>57916970
how many hours did you waste already by reinventing the wheel over and over again?

>>57916405
This. I think I go about 50/50 "sequal"/"es-que-el". Usually depends on context,i.e. MySQL == "my es-que-el", PostgreSQL == "postgres-que-el" or just "postgres".

Never gooey though, that's just gross. I always spell it out.

>>57916980
like a couple minutes to an hour per project and I get to know all my code personally and customize it to do exactly what I do. It also takes a second to transfer my projects since they dont consist of a million different files.

>>57916970

everyone look at this freak

>>57916103
ah lol, forgot about the pre tag. thanks anon

>>57916972
then I have a special filter rule for that specific field.

>sql injections
wait, are you STILL not using parametrized queries?

>>57916994

>get legacy code
>sweet, he uses frameworks abc and xyz
>know exactly where everything is
>know exactly qwhat everything does

>oh look, he wrote everything himself
>wait, what does this piece of code do
>what is this method for
>uhh, that's a dirty hack, what does it actually do
>halp

>>57916405

it was originally named sequel, so people pronounced it "sequel", then they changed the name to SQL, and they declared the official pronunciation to be "es-queue-el".

why does it infuriate you that people say "gooey" for GUI? didn't you just make the point that people say "sequel" for convenience?

>>57917011

yes im doing server side validation too, but just in case there's an accidental space somewhere or a comma, i'd rather have the app just "clean" that stuff up. And yes I'm binding my values/params

>>57917043
ahahaha
>making other people money rather than making even more by just publishing the site yourself
ahahha you're going to die poor

>>57917183
I'd rather throw an error back to the client instead of manipulating user input.
maybe the space was on purpose or they had an error from what they're getting their values and they don't know yet.

It's like a site silently truncating your password.
And after an update your password no longer works because now they changed it's length and all your extra characters don't match up.

>>57917232

in my case no commas or slashes should be inputted. I could throw an error, but speed is key. Why make the user re-enter the data again and make them remove the comma? spaces are ok. they can be on purpose, but im using trim() which just removes extra why space at the very beginning and end of the string

>>57916993
I always say sequel because it's faster than ES KOO EL.

>>57916405

>it makes me mad when people do things because it's more convenient and faster

woo lad, i guess you hate anyone who drives a car or flies a plane

what happens if a record is inserted into a table that has data the same as another entry in the table that is also the primary key (which is a text data type)? I'm using SQLite to be specific

>>57917842
you get a duplicate key error.

>>57917867

thanks, didn't know it would throw an error or just update the row

>>57912681
You can do webdev in c#. Look up ASP.NET.

>>57919276

don't meme yourself. stay away from M$. use PHP.

>>57919947
Not him, but /g/ told me that PHP is unsafe trash.

>>57920029
/g/ told me I should wear knee-socks to become a better programmer.

>>57920029

oh please

if you dont know what youre doing, any language can blow up in your face. Bugs, security flaws, too much processing, memory usage, etc. These fools who say "php is unsafe trash dont use it" might as well tell you not to drive a car either since it's unsafe.

Git gud at what you do and know what you're doing. Christ.

>>57920056

b-b-ut /g/ told me to do this! /g/ told me i should do that! hurr durr herpa derpa brb buying a macbook and putting stickers all over it, brb gonna uninstall my php server cuz /g/ said php is 2spooky4me, brb gonna buy giant thick black framed glasses, brb gonna bow down and lick M$'s feet

derp.

with dotnet core and asp.net mvc available for linux, using LAMP is just retarded..

>>57920029
That's true.
There are plenty of options, and PHP should not be one of them.

>>57920153
using .net on linux is retarded

>>57920202
we run several core apis at work. why is it retarded?

>>57920029
That's because it *is* unsafe trash, but so is everything else, potentially.

- Parameterize your SQL queries
- Escape html characters
- Make sure any uploaded files are not executable and/or above the web root so users can't access them
- Don't store sensitive information in plaintext
- Don't trust user input

Just doing that stuff should protect you from most potential security problems and is for the most part relevant for any backend language.

>>57888200
newbie here. i already know HTML/CSS/Javascript and i always can view my files in chrome. i use ubuntu and i installed LAMP server. how do i view the php file's result? i want to see and test how my files look.

>>57920483
run

php -S localhost:8000

in your working directory and then go to localhost:8000/myfile.php

>>57920507
thanks. you now helped me make my first step towards becoming a billionaire

>>57920620
if you want to become a billionaire, you have to learn meme languages like node or ruby instead of php

>>57920655
Just send fake headers and rewrite everything to .rb or .js in the browser.

>>57920655
i intend to learn node soon right after php.

So I have a site example.com and an API that this site talks to at dashboard.example.com/api/

Requests work from example.com but on www.example.com i get the CORS Error:

Access-Control-Allow-Origin' header has a value 'https://example.com' that is not equal to the supplied origin. Origin 'https://www.example.com' is therefore not allowed access.

I use sails.js which is based on express for the backend but whatever I change in the cors settings doesn't seem to apply. Do I have to configure it in my .htaccess? How would I do that?

File: 1453070366895.jpg (62KB, 550x550px) Image search: [Google]

62KB, 550x550px

So... asset bundlers like webpack... Now we have HTTP/2.0, so what's the point of bundling assets?

>>57920862
I know how to implement websockets properly using this library: https://www.npmjs.com/package/websocket

But I've never used sails.js so I don't know what its doing.

There might be some webserver-level shit you can do to change the origin header on the way in... or you could have your frontend manually set the origin header when you try to connect. In any case if you're doing a http-to-websocket handshake there are going to be a number of headers that you need for a successful connection to be made.

ayy lmao