/wdg/ - web development general

File: Screenshot_2017-01-20-20-17-49-01.jpg (377KB, 1080x1295px) Image search: [Google]

377KB, 1080x1295px

Is it possible for website to look like an old, white man?

>>58581681
maybe

>>58581681
>https://www.bento.io/
Stop getting angry

I got a job at the UX design lab at my school. What are the best books on UX/UI?

File: Okuyasu_crying_without_control.png (2MB, 1920x1080px) Image search: [Google]

2MB, 1920x1080px

>tfw finally got a job after busting my ass off learning web dev for a consultancy
It finally paid off /g/, 10 months of hard work and dedication has finally let me get a comfy job.

ama I'll try to help you my brothers

>>58582440
Congratulations dude. I'm still in the "busting by ass off" phase. I got an internship writing plugins for java, but I really want to do web dev. What do you think is the most important skill you have? I do a lot of webapp development and often think I focus more on functionality than form, so all my websites DO something rather than be simple webpages showing information. I'm >>58582389
and I'm trying to study UI/UX design so I can make flashier websites.

>>58582440
Congrats. I dont really have questions because I know what I need to do though.

>>58582440
Good job bro. I'm still a novice and learning the ropes. What are some useful tips and tricks for javascript?

>>58582440
Congrats. Also, what is the best javascript framework for web applications?

>>58582440
>10 months
?
I got a job in a little over a month practicing 8 hours a day from scratch.

just picked up a macbook pro. How is web devv'ing on it? I run a WAMP stack on windows

>>58582948
Are you implying he applied for the same job as you?

>>58582861
For me, I've found the best resource has been awesome list. Just go to github and search "awesome {programming language}" and it's a whole repo full of really good resources for learning a language. Everything from basics to advanced and the future. The best awesome list I have used so far has been Awesome React. Almost all the resources in that repo are filled with gold.

Other than that though, stay focused and stay dedicated. I've suffered from an attention disorder for a very long time and have had a lot of trouble staying focused. I often found myself doing something and then switching to video games in a moments notice. One of the best things I did in order to learn programming, was slowly ween away from that urge to distract my attention, and make myself set times of when I would do project work and when I would play games. You don't have to learn everything over night, go at your own pace, but don't go at the pace where you know you're not learning and stay engaged.

>>58582526
I never took a course on UI/UX. I actually made most of my website inspiration from really flashy websites. My 2 favorites are Acne Studios website and also Rolls Royce cars. Any website that looks like it was made by a creative agency always has great UI/UX in my opinion, and is really good for what creative direction you should go.

>>58582879
In my opinion, I enjoy using React the most. Separating UI into reusable components, using JSX, and building a website using an anatomic method is fantastic. That and the react modules are some of my favorite tools to use. React-router, Axios, etc. are all great to use. The best part about using React too is also getting a chance to build something using ES6. In my opinion, using ES6 as something I could mark on my resume looked really good to employers.

>>58582948
I'm glad you are a much more gifted learner than me and that programming has fared you well.

why is JASP the best stack? (JAVASCRIPT/AJAX, APACHE, SQL, PHP)

>>58583154
Do you do graphic design stuff or more css type design? Do you rely on a separate illustrator? If you do your own graphic stuff, what software do you use most?

File: Screen Shot 2017-01-21 at 1.02.14 AM.png (56KB, 455x286px) Image search: [Google]

56KB, 455x286px

how should I go about committing these in git? Each of the pages are a different /xxxx on my website. do I just go into each page and do 'git init' then add all the files?

>>58583888
So you go to the root folder that holds everything from Node_modules, to server.js in your shell.

From there, do git init. After that it creates the repository. From there you can do your git commands. So git add pages/calculator, then do your git commit, etc. That way your whole folder is being logged in your repository.

If there are files you don't want to be added, create a .gitignore and add the folder name or filename of what you wan to ignore when making your commits. That way, you don't accidentally add all of your node_modules and push them to github. Otherwise, it will take a very long time to fork and clone, and it is very counter-intuitive, because you already have a package.json to handle your dependencies.

>>58583888
dude you might need to learn about git again

>>58584096
I know the basics I'm just thinking organization-wise. Each of the pages are a separate app, so I was thinking I might want to make those their own repository within the larger repository that is the whole thing combined?

File: js.png (15KB, 1366x204px) Image search: [Google]

15KB, 1366x204px

In Firefox, how do I see what addon is creating certain HTML code in a page? I'm trying to figure out what's creating this underline style (pic).

>>58584824
Inpsector should allow you to view the different elements if it's like Chrome.

File: insp.png (17KB, 1362x420px) Image search: [Google]

17KB, 1362x420px

>>58584959
I know but that doesn't really help me, because I need to know what addon's script is creating that element.
Pic related, this is all I get from the inspector.

>>58584824
>>58584824
disable( not uninstall) then enable all addons one by one to see which one is triggering it. Thats the only way

has anyone ever used templates on both client and server side? i have this template engine i wrote on my own on the projects i worked on and i decided to port it to javascript so that i can use the same templates on frontend when i load pages dynamically. it works quiet well at the moment but i'd like to hear a third person's opinion on the subject.

>>58581188
How fun is web dev for a living?
Will you do it for at least 15 years?

>>58585723
as long as you can keep up with the trends and new developmentsi, it's even fun to do it. i'm originally a teacher but i do webdev stuff as a freelancer from time to time. as long as you can do something above average and you like what you do, there's no way you'll get bored of it.

Is it possible to make an Angular 2 website that would look good both on desktop and mobile? I want to host the website and also have it available as a Cordova app on Android and iOS.

What kind of UI framework would you recommend? So far I've looked into Onsen UI and Ionic, but, as I understand, those are good only for the mobile UI and look like ass on desktop, like this https://frankdiox.github.io/OnsenUI-YouTube/.

>>58585760
use something you're comfortable with and design the front end like you design a mobile friendly website. that'd make things so much easier.

>>58585786

I'm not comfortable with anything yet. This is my first webdev project.

>>58585799
>first webdev
>Angular 2

Either you switch to Angular 1 or Vue as
Angular 2 has horrible syntax.

Also how do you do backend (server with database). Preferably use something like Django Rest Framework

>>58585827

I'll make the back end with Java. For me, that's the easy part because I'm a Java dev.

I'm more concerned with the front end. What do you think about the Materialize framework? Seems just like Bootstrap, but better in every way. Should I be concerned that crapple fanboys might not like material design in their apps?

>>58585503
bump for this.

>>58586688
we use react now senpai

What are some good books for learning spring framework?

>>58586822
the docs

Ok I am struggling with something simple here.

In Javascript I want to add a class to the <td> of a table that has text that matches with an array, how do I go about this, I know it has something to do with a for loop but I can't figure out the next part.

>>58586852

If you're using JQuery, see this:

https://api.jquery.com/each/

>>58586852
what are you trying to do? seems like the general approach is already wrong.

>>58586710
i'm not talking about using templates on client side only and i would like to keep using my own libraries. what i was trying to ask was would it save bandwidth if i use client side templates when i load pages into DOM.

>>58587234
it depends on how often your pages get called, if they get cached or not.

if your library alone is larger than 10 page calls with data only but your average user only hits 2-3 pages then no.

the problem with having a serverside AND client side library is you have to maintain both. add a feature to the server, it has to be present on the client.
seems to be a lot of time wasted porting code back and forth.

File: iphone-5-crowd.jpg (209KB, 1000x559px) Image search: [Google]

209KB, 1000x559px

>>58582985
>paying 1.5k for a laptop
>soldered on ssd
>soldered on ram
>planned obsolescence
pic related is you

>>58587287
imagine it like facebook. top and bottom of the page stays the same and i change what's beetween them by loading pages with ajax. normally, when i load a page without client side templaes, it just outputs the whole page as top content and bottom and when i load a page using ajax, it outputs the content as plain html. that's why i want to use client side templates. to decrease the size of the response of ajax calls for faster load times and to spend less bandwidth.

What are the best technologies to use for a marketplace app for buying and selling shit?
Something that could handle 300k daily users and be easily scalable.

>>58587603
so exactly like every client side framework like react, angular, ember etc.

yeah but i wrote it on my own with plain javascript. it supports looping arrays, if/elseif conditions and so on. and the server side template engine does the same so they can use the same template files without a problem.

>>58584160
why would you have separate apps in the same project folder?

Any backend pros here? Preferably with Go.

I'm going to use a RDBMS for the backend storage, and I'm wondering whether or not an ORM is worth it.

I can define all my tables in SQL, or I can define them in Go which then generates the SQL for me. What is the best approach?

>>58588137
use sqlite

>>58588183
That's retarded. Go away.

>>58588265
sorry i've mistaked this thread with dpt. using sqlite is a great idea if you're working on a portable application though.

>>58588137
go's stdlib has good sql support, but if you want to use an orm, gorm is probably the leading option from what I've seen.

>I can define all my tables in SQL, or I can define them in Go which then generates the SQL for me. What is the best approach?
Most SQL implementations let you pass a set of commands in as a file. Just write a file called (for example) init.sql and put all your database init stuff in it (DROP TABLE IF EXISTS whatever; CREATE TABLE whatever, etc)

>>58588265
sqlite is fine for small-medium projects. I use it all the time, especially while in development. Postgres/mysql will eat ram like crazy, and I like to have a billion browser tabs open while I'm working on stuff. Makes cleanup a lot easier too since you can just delete a file.

>>58588448
Yes, the stdlib is good, and I may end up just using that. I've worked some software projects in the past, and we all used ORM's only to stop using them to rely more on SQL. Even for ORM's as competent as Java's, we still ended up on using things like Mybatis, which has you define SQL in an XML-file. I know it sounds like hell, but it works.

>>58588448
>>58588678
On another note, Go is perhaps the first language where I've thought

"damn, I don't feel like I need a framework here. It's like they are getting in the way!"

>>58588448
>>58588678
>>58588758

Forgot to mention this in my reply, but I found something called xo:
https://github.com/knq/xo

Which does more or less what I want. I write the SQL, and it generates the Go code for me!

I get the data access objects to work with, and then I can easily pass the data around in the form of structs.

Great!

Is jQuery objectively the best JS framework right now?

All I see is a lot of meme.js libraries popping up and dying off in a couple of months or worse, completely mangling their code with every version.

>>58589939
There's no such thing as an objectively best framework. There are different tools for different needs. And if you want to get technical, jQuery is a library, not a framework.

>All I see is a lot of meme.js libraries popping up and dying off in a couple of months or worse, completely mangling their code with every version.
So don't use those ones then. There's plenty of stable stuff out there, use that. Or just use vanilla JS.

I came here a couple of weeks ago about an .htaccess regex question. The site was working fine with this but for some fucking reason out of nowhere, I never touched the .htaccess, but it won't work anymore.
Here is what I have:

RewriteRule ^([a-z]*)/?$ index.php?pg=$1 [QSA,L,NC]
RewriteRule ^item/([a-z]*)/?$ /index.php?cat=$1 [QSA,L,NC]                                                                                                 
RewriteRule ^item/([a-z]*)/([.?]*)/?$ /index.php?$1=$2 [QSA,L,NC]

The page keeps showing a default 404 page from the engine itself.

And for some reason, when I put [a-zA-Z0-9\-] for that last part instead of [.?] my URL changes to /item//-/ for some reason. I checked if these have anything to do with it, but nothing:

RewriteRule ^([a-zA-Z0-9]+)$ /%1/? [R=301,L]
RewriteRule $/item/([a-z]*)/([0-9a-z\-]*)$ /%1/%2/? [R=301,L]

What the fuck happened? It can't be something wrong from php, right?

>>58590061
Actually what the fuck? I went back through some php and it worked. How did the php rewire .htaccess to change break?

>inb4 php

>>58588127

it's for my portfolio site. the "site" page is the portfolio, and the "calculator", "weather", and "tictactoe" pages are separate apps linked to from the main portfolio page. I'm wondering if I should make each of the apps it's own repository since they're separate projects

What's the best way to structure a JQuery mobile project?

I don't want to have a single HTML file and a single JS file for everything.

>>58590061
>[.?]*
>[a-zA-Z0-9\-]
You want

[a-zA-Z0-9-]*

instead, you aren't supposed to escape the -

>>58590304
>jquery mobile
what is this, 2012?
It's dead, why bother with it?

>>58590361
Hmm I saw that from other places where - is escaped if it's in the middle of other cases like a-z\-A-Z but it works now. The problem was a function was being called wrongly which was breaking the cycle of the page.

Now PDO is being a bitch. Jesus, leaving a project then coming back to it is such a bad idea.

>>58590372

What's bad about consistency? The other libraries/frameworks are too unstable in terms of releases and development.

I don't want to rewrite my front end every month because the boys at meme.js decided to completely rewrite their code.

I know super basics of python and I want to learn django, should I continue learning python first? If so where can I do it otherwise where do I learn django?

>>58590428
then use a LTS release.
our applications at work work for around 2 years now without updating them.
It's not like they stop working once a new version comes out.

>>58590516

Okay, which JS library/framework do you suggest? I want to host the website online and also make a Cordova app out of it.

>>58590636
we've experimented with cordova and emberjs at work, though usability just isn't the same as native, so we went with native android only.

might as well consider not making an app out of it, not every website needs a dedicated app.

https://leanpub.com/tangowithdjango19/

does anyone have this book?

Say I need to overlay 3 divs. How?

Relative
Absolute
????

File: 2017-01-21_11-16-03-010452688.png (30KB, 1280x192px) Image search: [Google]

30KB, 1280x192px

For some reason in HTML, my table gets expanded so much when I put a huge image with <img> inside of one <td>.

Note that I use height and width with a specified % to make it smaller, like a thumbnail. Why is this happening?

printf("<tr><td><img src=\"%s\" width=\"10%%\" height=\"10%%\" /></td></tr>",$ids[$i]['img']);

I'm also having a similar problem on another page.

Should I not use tables? Or should I not use width and height in the <img> element and do it with CSS? I think I did it with CSS before and it gave me the same result. Maybe there's another CSS call that changes that? float:left ruins some other parts in the table, unless you guys know something.

>>58590853
Probably relative and move them with top:-10px or something? You can use top, left, right, bottom.

Absolute just makes it stick to the page entirely where relative sticks after the content that comes before it.

>>58590859
tables are fine for tabular data.
yes, you should use CSS.
a better approach would probably make some container element with a fixed size and then set the image as background-image with background-size: contain, so you don't have to worry about different sizes of the images.
also set table-layout: fixed on the table.

I'm creating an e-commerce statistics dashboard and I have free reign over what technologies to use.

The app will call a bunch of webservices and display data on product popularity etc. etc.

Are there any frameworks /wdg/ would recommend ? I have good knowledge of php.

>>58590900
Oh you're right! I forgot about doing that. Man, not working on websites for a while makes you forget a lot of techniques rip.

Let me try and I'll upload a picture.

File: indexer plans.jpg (384KB, 1329x887px) Image search: [Google]

384KB, 1329x887px

decided to make a indexer meme after seeing many posts about them on /g/, how does this plan look

>>58590853
You make 4 divs: 1 is a container with position: relative, 3 others are inside with position: absolute. Then you can play with inner divs' left, right, top, bottom and z-index parameters

Is there a good guide to what should be on a portfolio (entry level front end)

Is MailChimp a good idea? I'd like to try something else because it will get expensive when the subscribers number goes up. I only need it to send notifications of new blog posts. I would like to have the freedom to design them myself, even if it's rudimentary.

File: 155985235_1280x960.jpg (118KB, 1280x960px) Image search: [Google]

118KB, 1280x960px

Who /tachyons.io/ here?

What is the fastest UI framework for an Angular 2 website that will be ported into a Cordova app?

I've tried Materialize, but the input labels and the floating action button were very sluggish. Buggy side menu as well.

>>58591068
wtf is an indexer meme if i may ask so myself ?

File: Screenshot from 2017-01-21 16-32-16.png (1MB, 1309x1124px) Image search: [Google]

1MB, 1309x1124px

>>58581188
Alright am I just retarded, or are the Amazon Web Developers retarded?

I click "All Tablets" and nowhere on this page, is there a way to find all tablets and see their prices.

Down at the bottom, it shows like 8 tablets. But that's it. There's no way to see the rest.

Am I just retarded at using their website, or are the developers retarded in not allowing me a way to browse all tablets?

>>58593559
you are retarded for wanting to buy a tablet

>>58593559
all as in, any type, not a specific one as selectable on the right.

>>58591068
option 1
use archive https://a.4cdn.org/g/archive.json
scrape threads you dont already have saved https://a.4cdn.org/g/thread/58428899.json

option 2 (you may pick up some cheesy pizza)
find active threads that need updating https://a.4cdn.org/g/threads.json
you will pick up stuff that get deleted

>>58593647
I'm a WebApp Developer, and I support mobile devices.

You're retarded for not jumping on the bandwagon; for not profiting like I am.

>>58593680
I'll just press F12 and set the resolution, much cheaper and lets me change resolutions instead of using a fixed one.

I'm trying to compare the Etag of a file so that it would only download an update if the file did not have the same Etag. However when I send the request I'm getting not only the header but the full file as well.

Using curl also pulls not only the header but the rest of the file:

curl -i -H "If-None-Match: \"correct etag\"" https://s3.amazonaws.com/file.extension

I just want the header only. What am I doing wrong?

>>58585827
whats wrong with starting angular 2? I'm taking a course in angular 2 development and its going well

>>58593754
That's all nice and great. But sometimes you actually need to see the app on the real device. See what it is actually going to look like. Feel the device vibrate when the samples are collected. Test the swipe gestures. All that good stuff.

Besides, how're you going to test the gyroscope or the gps on a desktop?

You need an actual tablet for that shit.


I don't do shit for no reason. If I say I need a tablet, it is because I do.

How is nodejs doing, is it still relevant? I'm thinking about getting deep into javascript for fullstack development.

>>58593829

curl -I https://s3.amazonaws.com/file.extension

>>58593829
Not sure why the server isn't respecting the If-None-Match header.

But you could always try using "HEAD" instead of GET/POST.

curl -i -s --head "URL"

>>58593973
Okay that curl works. The problem is I was using curl for a sanity check as my actual program requests it using HEAD and that's what's pulling the extra junk as well. So how do I turn make that request get the same result as that curl?

[$code]
"HEAD /file.extension HTTP/1.1\r\nHost: s3.amazon.com\r\n If-None-Match: \"etag\"\r\n\r\n"
[$/code]

File: 1381427766421.jpg (72KB, 500x561px) Image search: [Google]

72KB, 500x561px

I just unironically delegated some of my work to pajeets.
They did a sufficient job in five times the speed I'd do it.

>>58593973
Wait I just double checked and while I only get the header I also get a 200 code either way if the Etag is the same or not. Wut

curl -i  -s --head "If-None-Match: \"Etag\"" URL

>>58593931
yes because i need gyro and gps for my webapp. very important feature. worth $400 brand new tablet

>>58593670
it's not a 4chan indexer, just a regular forum

>>58594265
wtf is an indexer? are you just archiving a forum?

>>58594277
yeah, i've seen people calling them indexer, crawler, scraper, archiver and so on

>>58583154
>Just go to github and search "awesome {programming language}"

Can't really find anything there. What username is posting that repo?

>>58594353
https://github.com/sindresorhus/awesome
This is a list of all the awesome lists. Lots of good info in there. It really should be in the OP DESU.

Hey, /wdg/. I have a problem that's not directly related to web development, but I need help on this.

Suppose I have the following HTML file:

<html>
    <head>
        <title>test</title>
        <script type="text/javascript">
            document.write("testing1<br>");
        </script>
    </head>
    <body>
        <script type="text/javascript">
            document.write("testing2<br>");
        </script>
        <p>hello</p>
    </body>
</html>

I want to write a Greasemonkey userscript that will prevent BOTH scripts from running.

What kind of javascript would I have to write?

Right now, I can write a userscript to remove the first script (in the header) from the DOM before it runs, but can absolutely find no way to also remove the second one before it runs.

How would I acheive this?

>inb4 just let the scripts run and remove the "testing1" and "testing2" later
This is a simplified example, but my real goal is to make a userscript to prevent certain <script> sections from running BEFORE the page loads them.

Any tips?

>>58594447
somebody PLEASE respond

>>58581188
>second "getting started" link is "come 2 daddy"
What? is this an inside joke that I'm not getting?

>>58591186
There it is. Thanks. It all finally clicked.

>>58594447
>>58594685
Figured it out myself, no thanks to you faggots

>>58595205
share

What's your guys' workflow? What do you do when you first start on a site?

I'm starting a web development class and we have a server to post our homework and shit on. Seemed a bit inefficient switching between my text editor and ftp client every change I made. Looked at a few atom plugins and they were clunky and bad

>>58590304
>I don't want to have a single HTML file and a single JS file

...separate them and link them in.

I'm not sure what you want, but a single-page app is the standard for mobile.

>>58595776
>What do you do when you first start on a site?
Open an actual notepad and start listing things by order of importance. Database design is at the top in 100% of my projects.

I'm trying to parse some facebook page post through JSON, what's the best way I could iterate through all the message and updated_time nodes without having to substring through the data? I've only really worked with XML before.

[
      {
         "message": "Text and Image",
         "updated_time": "2016-11-24T02:10:33+0000",
         "id": "113354732484372_113358972483948"
      },
      {
         "message": "Noice",
         "updated_time": "2016-11-24T02:10:05+0000",
         "id": "113354732484372_113358515817327"
      },
      {
         "updated_time": "2016-11-24T02:07:47+0000",
         "id": "113354732484372_113355782484267"
      },
      {
         "message": "This group is just to test parsing JSON data from the Facebook API",
         "updated_time": "2016-11-24T02:07:18+0000",
         "id": "113354732484372_113355372484308"
      },
      {
         "story": "Full Name created the group Cool Beans.",
         "updated_time": "2016-11-24T02:06:35+0000",
         "id": "113354732484372_113354735817705"
      }
   ]

>>58595776
Yes, I've had to do that switching back and forth between editor and ftp client too. It fucking sucks.

If you're on a linux system, it can be so much nicer. You just remote-mount the server on your filesystem, and open up the file directly.

Then you just CTRL+S in your editor, open chrome, press F5. Bam. Changes are live. No need to use any shitty ftp clients.

Alternatively, there are some systems out there that can even cut out the browser reload. Some chrome extensions and things. Where basically anytime you save your file, it auto-detects and auto-reloads chrome.

----

Anyway, your two best options are to either install linux and use sshfs.
OR
Install WAMP or something to your computer, and just do all your development in your webroot, hosting your site at http://localhost/ until you get to a significant milestone. You'd only ftp it on up to the server when you'd reached a significant level of completion.

File: Screenshot from 2017-01-21 23-11-34.png (76KB, 1117x801px) Image search: [Google]

76KB, 1117x801px

>>58597592
JSON doesn't really need parsing. Its already in a structured data format. But I guess when you say you need to parse it, you mean you need it to be in a format you can use in your language of choice.

To help a bro out, I converted it to xml since you say you're familiar with xml.
[see picture]

But the thing to understand about json is it was really meant to be used with javascript. Other languages can usually parse it too, though. Like php with json_decode function. Or powershell 3.0 (but not 2.0) with the ConvertFrom-JSON cmdlet.

You best bet to work with JSON, however, is to open the chrome developer tools (or firebug or nodejs or whatever) and to just simply start working with it.

You can either assign it to a variable and start working with the object directly

var myObj = {"key": "value"};

or you can take stringified json, and parse it quick and easy

var myObj = JSON.parse('{"key": "value"}');

------

(function(){

    var myDoc = (new DOMParser).parseFromString('<?xml version="1.0"?><faceData></faceData>', "text/xml");

    var data = [ 'insert json here' ];

    for (var i=0; i<data.length; i++){
       var dataItem = data[i];
       var xmlItem = myDoc.createElement('item');
       for (k in dataItem){
           xmlItem.setAttribute(k, dataItem[k]);
       }
       myDoc.children[0].appendChild(xmlItem);
    }

    console.log(myDoc.documentElement);

    return myDoc;

})();

>>58597792
You're a saint anon, I appreciate the explanation.

Got an upcoming 45 minute-1 hour Skype interview for a junior web development position.

There is most likely going to be no coding involved yet and supposedly it is just about my background and their role. What other questions will they most likely ask?

>>58597617
But then you're editing the remote files right? Scares me to not have a backup just in case. I'm on macOS so sshfs is an option. I could symlink my working directory with the live site so it's always a reflection of my local copy. maybe throw git into the mix, would have to redo it at the start of every new assignment though

I'm over complicating this, working/testing locally and putting it up to the server sounds like the most hassle free way

File: Screenshot from 2017-01-21 23-51-00.png (103KB, 1131x1135px) Image search: [Google]

103KB, 1131x1135px

>>58597835
One other thing.

I'd post it here, but 4chan apparently thinks i'm spamming. (why does this happen so often?)
So just check this link:
https://jsfiddle.net/dLymsc8x/

or read my picture

>>58598198
Makes sense to me, thanks for all the help, I really appreciate it

>>58597882
Do you have to have your webcam on?

File: 92319864.jpg (29KB, 518x653px) Image search: [Google]

29KB, 518x653px

I want to integrate online payments into my laravel web app. It just needs to increment a database attribute by 2, 4, 8 depending on the payment. Is stripe all I will ever need? Can I test it with dummy credit card data?

>>58598284
They claim it's a "call" so probably not (lucky since I could have a document open to have some answers ready).

>>58595776
I generate a basic webserver from a maven archetype i made some time ago and add business logic from there
I deploy with git, will try to setup ci soon for some sweet graphs

For my portfolio, lets say I made it look like pic related while applying to entry webdev jobs, would that be a good or a bad thing to an employer, or straight into the trash.

I can't tell if it should be more "easy to read and by the numbers" or "stylish and show your personality"

File: 66062d7cc4546cf53ea74951a452d3a8[1].jpg (761KB, 1280x984px) Image search: [Google]

761KB, 1280x984px

>>58599913

forgot pic

>>58595423
PM'd you ;-)

Is there a list of essential books?

In order to secure a web dev job I'm being asked to complete a task they know I haven't done before.

Do you think it's okay to let them know I've followed a tutorial?

I can describe the steps I took if asked.

would you guys be interested in me streaming some tutorials. i pretty much know everything and im bored as all hell and want to stream

Anyone know how to verify recaptcha through ajax with php?

>>58604239

yes

What is your opinion on Coffee Script?

I am mainly learning stuff that will help me get employed faster for entry web dev, and I don't know if its often a requirement for employers, but it does seem like a really useful tool.

https://github.com/kanosaki/gopixiv

Where do I get the "client id" and "client secret" ?

>>58604623

from pixiv, you will be able to generate it from there site

>>58604736
I wasn't able to find out how.

>>58604623
I think they restricted access to their API sometime in 2015.

>>58604811
It seems, and checking out the python api, it looks like it uses a hardcoded value. I'll try that.

>>58604861
>>58604811
Doesn't seem to work. Apparently I'll have to use the iOS api.

File: 2017-01-22-130406_1024x91_scrot.png (10KB, 1024x91px) Image search: [Google]

10KB, 1024x91px

I just can't figure out CSS.

I need shit to lay ontop of other shit, but like I have something absolute positioned to the document at 50% top and it's like 5 pixels down, but centered somehow. What the fuck is it absolute positioning off of?

I just want 2 pictures together in a div that split when you click and the fortune pops up.

I just keep stacking CSS that doesn't work with more CSS that doesn't work and I get this. Would you believe the actual programming works 100% but it just looks like this? Cause it does!

File: 1482863222298.png (1MB, 1024x2048px) Image search: [Google]

1MB, 1024x2048px

need some advice. I'm almost broke and I really want to get a web dev jobs but don't feel like I have the skills yet. I know HTML/CSS and basic JavaScript and WordPress, super basic shit. I've made a few WordPress websites freelance but nothing really impressive.

I wanna get a full-stack or at least a front end job hopefully by the end of the year. but right now I'm probably going to get a job in a factory pretty soon just to pay the bills because I can't make a living freelancing. should I

>work 60 hours a week and save up $10,000 to go to a dev bootcamp

or

>work 30 hours a week and self-teach myself, build a portfolio of projects and hope to get a job that way?

Hey designers of /wdg/, where do you go for design (not just web) inspiration? I'm looking for blogs that you can follow daily with trends and stuff.
Also, is there a board/general for design discussion?

>>58605738
>Also, is there a board/general for design discussion?
/gd/
I'm shit at design but i steal their stuff from time to time

>>58605785
>/gd/
not him but thanks, didn't know about that

>>58605785
>I steal their stuff from time to time
IKTF. Sometimes I feel like I'll never be able to create something neat by myself, all I can do is copy others. Feels bad man.

>>58581188
I'm majoring in Civil Engineering. Is there much benefit to learning webdev or should I spend my time learning something else?

File: 2017-01-22-142632_772x353_scrot.png (76KB, 772x353px) Image search: [Google]

76KB, 772x353px

I can't get these inline.

<div>
<div>
<div>
<div>
</div>

I'm floating left and it's just like naw let's go here

How do you us git for a website that has multiple different directories?

Where can I learn fundamentals and best practices of current web application architecture? I've reached a point at work where this product's going to fucking explode if it doesn't get fixed fast

File: 1447196433020.png (230KB, 865x682px) Image search: [Google]

230KB, 865x682px

Web pages with next-buttons etc that dynamically update the page without reloading, yes?

How would I capture the "new page"-event from a userscript (possibly inserting a callback-wrapper or something that calls the original function + my userscript)?

Or rather, where do I find this function, say from the browser dev tools?

As of now I have this awkward solution where I run my script every N seconds rather than just once every page update.

>>58606085
You shouldn't need it for your job but it's an overall nice skill to have. Learn it if you like it and you've not already killed yourself due to the stupid amount of work you'll have to do for your studies

>>58606335
Add them all into the repository?

>>58606452
Listen to clicks on the links?

>>58606398
Read source of popular frameworks to try and understand how they work, or just Google around for design patterns.

>>58606318
Post code

>>58606452
Pretty sure you can get a list of events attached to dom elements in your browser's development tools, but I've always had trouble figuring out what's what exactly. Its too convoluted for my ADD riddled brain

>>58606671
>Post code
I designed differently.

This bitch is almost done now.

File: boop.png (22KB, 934x163px) Image search: [Google]

22KB, 934x163px

Why does this only log what and not boop?

4chan complains about spam so a screenshot will do

>>58607429
>onLoad

>>58607476
sorry anon but I am dumb I do not understand what is wrong

>>58607476
also >document

>>58607489
It's

window.onload

, but you should use event listeners instead.

>>58607491
>>58607489
ok apparently I can just use window.onload and skip the whole callback stuff, as clicking the previous/next buttons triggers an onload

Anyone use HTML2Canvas?

It's ignoring the div I'm testing it on. It's like I'm reading the DOM before I'm calling it because the div is hidden until the button is there to take the screenshot.

It doesn't even capture anything besides document.body.

>>58607551
nvm, div was empty even though it contained other divs because those divs were absolutely positioned. whew.

>>58590910
anyone?

I just looked at the Angular 2 documentation for the first time after a year working with Angular 1.
What the fuck were they thinking? The syntax is absolutely disgusting.

>>58590910
>>58608591
Aurelia

>>58608612
>Aurelia
care to elaborate?

I need to post from canvas to twitter.

I'm not paying a gorillion dollars to use oauth.io

What's a decent oauth tutorial for posting media to facebook and twitter?

Hey guys, new to web dev. What's a good IDE I can use on Windows?

I know, >Windows but after my old laptop's HD died I'm too damn lazy to set up dual-boot on my new one.

>>58609378
just use a text editor, not IDE. an IDE is overkill in web dev.

I prefer to use vim on any platform, but notepad++ is a popular text editor (with syntax highlighter), and so are sublime text (but it costs money) and atom (takes up a bit of memory, which is why I prefer vim)

>>58609378
eclipse

>>58609378
Just use Notepad++ (best) or Atom (multiplat).

Why is documentation always autistic?

Literally all they have to show me is a working example and I'm good to go.


NOOOO! Let's make 900 different pages for each individual features and make half of those pages link to the other half AND give no working examples of anything.

THANKS GUYS

When I use Javascript's onkeyup, onkeydown, or onkeypress to detect input in a text box, they all don't detect the first key press, but from the second and after it works perfectly

>>58611460
literally copied your question into google and hit the i'm feeling lucky button.

http://stackoverflow.com/questions/36882612/on-keypress-does-not-fire-on-the-first-key-press

Dude I don't get the twitter api.

All I want to do is post my binaried canvas to it.

The only easy way is oauth.io and that costs money. Twitteroath php sdk is poorly documented too.

Boo.

>>58581188
Is web development a safe career choice? Will I be able to retire from a career in it?

>>58612051
>safe
no.

Ride the wave as far as you can than drop into a sys admin role with your linux xp.

File: hash.jpg (45KB, 718x564px) Image search: [Google]

45KB, 718x564px

Been using Grunt to automate a few things in my CodeIgniter project. Friend told me grunt is a middleware for a middleware (nodejs). Do you guys use grunt for big projects or is it some hipster BS i got stuck inheriting from some hipster wannabe.

>>58612112
I hear it's still great, but I haven't used it yet.

There should be a thing bundled with browsers that minimize the need to download code or modules.

Like jQuery should be preinstalled on all browsers so it doesn't need to be downloaded. Same with every other big framework.

Why isn't this a thing? We just expect the client to have it cached.

>>58612154
Because each browser vendor wants to standardize their own thing. If it were up to google, we'd be using DART, if it were up to Mozilla, we'd be hella ES6 and drop everything else. Favoring one library/plugin would cause the ire of a lot of people. Why not underscore? Why not node? Browsers will end up 10x as bloated and 100x resource hogging.

>>58612194
Mozilla would still use 1/5th the memory of Chrome if it cached every framework under the sun.

Not being a gigantic information-thieving-for-improved-ad-serving-efficiency piece of shit has advantages.

>>58612154
Thats why you use cdn. Its because browsers can easily identify the source as a public api and caches it so it actually only loads once (first visit) and the browser just notes it somewhere in temp.

If the browser thinks ur using custom code, thats when it doesnt cache it.

I have no idea where people are finding my website.

It's not linked anywhere. Over 400 uniques today.

Google Analytics real-time is the shit.

>>58612112
gulp > grunt

What's the best way to create a real-time web application?

>>58614036
Further describe this web app

>>58614036
Don't use fucking Node.js

>>58614036
Use fucking Node.js


Honestly it depends on what you're making.

>>58614083
>>58614109
>>58614115
Essentially real-time data aggregation. Client loads up initial stats then maintains updates from real-time data. Worst case of throughput is probably 50 messages per second per client.

My biggest issues are how to maintain the data (hoping there's a way to offload more to the server but I can't see how) as well as updating the UI...sometimes it'll look like the UI hiccups because the updates come in faster than the DOM can render the changed number.

>>58581188
How do I install the Pillow (Python Image Library) package on a shared host server if the server is missing some of it's C libraries such as libjpeg?

>>58614236
>50 messages per second

I would say that your data needs to come from sources other than APIs or you won't be profitable by a long shot.

If you're aggregating that amount of data then you need to be aware that you will have your servers banned daily if not several times daily.

I guess I would need a more inside look to be able to advise this situation, but with my current understanding you might want to reevaluate your strategies.

>>58603861
just make sure it's nod.js related and do it

>>58603861
Stream a tutorial on using the facebook and twitter apis to post pictures to their wall/feed.

Nothing I launch can be monetized well outside of ads.

I can always find holes in markets but I think I find them because they can't be monetized well.

What do?

>>58581188
can someone explain why pip install mysqlclient fails and how do I solve this:
http://pastebin.com/xzK3w5bS

>>58615562
i might have found a reason, gcc says Permission Denied so I am not allowed to compile on the host server. How do I transfer precompiled binary?

This might be a bit random, but... do any of you use LinkedIn on a daily/weekly basis?

I'm going to start my first webdev job next week. I have been using LinkedIn cause I've been told companies like to check your profile there and that it's good for networking, etc. However, I'm not a big fan of social media. I'm only on LinkedIn and I find it boring and quite pointless, and I'm considering deleting my profile now that I have a job (and now that LinkedIn is looking more and more like Facebook).

So do you use it? What for? Do you think it's a must in this day and age, or is it just a meme?

>>58616003
Networking is a must no matter the form unless you plan on working for one company until you retire.

>>58614036
ajax

>worked as J2EE webdev for 3 years
>take a break
>come back
>everyone's doing NodeJS now
What is happening?
There's no way I'm writing servers in ECMAScript

The Node hype is eerily similar to Ruby
Back then Ruby was "the future of web development".

>>58581188
is their a website that queries usernames, i.e you put in a username and it checks if it exists on tons of websites?

File: express.png (22KB, 586x550px) Image search: [Google]

22KB, 586x550px

Here's the default express code that visual studio generates, so I have a db connection on my main app.js file but would like to query the database inside one of those "routes" how the hell do I pass something to them?

>>58616003
I have their app on my phone.

I don't make posts. But I do make sure to add the people I meet. I add skills that i've learned. And I add my work history.

What's the best way to generate a complex div?

x = document.createElement('div');
bla bla
y = document.createElement('div');
etc

Or have the html in a string and just regex in the data I need? But then how do I add events?

>>58615075
>Nothing I launch can be monetized well outside of ads.

Yes it can, you just don't know shit about business or entrepreneurship. Learn them. The two and a static website will make more for you than web dev will.

>>58614036

web assembly

Everywhere I look says 1 year of experience, do they all really require this, or if you just apply, and if its your first job and your portfolio is good enough, they will hire you anyway?

>>58619651
Any position for any job that lists requirements just means those are their highest hopes. There's zero harm in applying for any job.

In the last week my new website has had 8 legit visitors and over 2000 unique IP's trying to log in.

Seriously, why doesn't the bolice take such botnets down? All they have to do is create a Wordpress site to find them.

File: 1479412306576.jpg (152KB, 1200x900px) Image search: [Google]

152KB, 1200x900px

>>58619930
they'd rather protect content creators from nasty pirates sharing copyrighted computer files than our industry from 3rd world mafia
sure am glad my tax money is put to good use

I feel like there is a way to improve these 2 pieces of code, is this true?

card1Image += (".svg>");
        card2Image += (".svg>");
        $("#cardHolder").append(card1Image, card2Image);
        card1Image = "";
        card2Image = "";

var randomNumber1 = Math.floor(Math.random() * 12);
        var randomNumber2 = Math.floor(Math.random() * 12);
        randomHand = allHands[randomNumber1][randomNumber2];
        card1Image += ("<img src=images/cards/") + (randomHand[0]);
        card2Image += ("<img src=images/cards/") + (randomHand[1]);
        var randomSuitNumber = Math.floor(Math.random() * suits.length);
        var card1Suit = suits[randomSuitNumber];
        card1Image += (card1Suit);

hey guys looking for a youtube channel that just skips the useless banter of tutorials. I don't like long explanations as I already know the basic fundamentals. It doesn't matter what language. for example, i dont want to watch an 18 minute video how to setup php/mysql/apache on windows I just want a guy who does it in like 1 minute. any suggestions?

>>58616003
I wonder if I should use LinkedIn if my current job is shitty.

I would literally have zero connections.

Where can I get templates for dynamic sites?