/wdg/ - Web Development General

    arr.forEach(function(pageID, index, array) {
        var url = 'fullurlgoeshere'+pageID;
        console.log("Opening page "+url);
        page.open(url, function (status) {
            console.log("Inside");
            if (status !== 'success') {
                console.log("Failure!");
                phantom.exit();
            } else {
                console.log("Waiting...");
                window.setTimeout(function () {
                    //console.log(page.content)
                    console.log("Creating first file");
                    fs.write(pageID+'.html', page.content, 'w');
                }, waitTimeInMS); // Change timeout as required to allow sufficient time 
            }
        });    
    }, this);

Why in the fuck does this loop over every item in the array immediately, then close? It doesn't block or wait on anything. I'm trying to make multiple page scrapes in sequence instead of opening and closing the JS server for each page. The logic works totally fine if I take out the loop and only pass in a single page.

File: codecamp.png (149KB, 1083x698px) Image search: [Google]

149KB, 1083x698px

should I go to kode kamp or get a degree?

>>60603540
Nevermind, it's because I had the exit clause right after that loop. No fucking idea why that's executing right away though.

Is there some way to block that call until everything in the loop executes?

File: perroloco.png (141KB, 540x423px) Image search: [Google]

141KB, 540x423px

>>60603540
>that callback hell

what's the problem? It runs and closes immediately? Maybe page.open doesn't buffer calls so it spazzes out. Rewrite it so you don't call page.open again until after it gives you a result

>>60603652
Yeah it just spits out "opening page blah blah blah" for every URL I want and then immediately kills itself.
Doesn't matter if the exit call is inside or outside of the loop either. I have no idea wtf is going on, I never write in javascript, I just need this because the pages I'm scraping are dynamically generated so I needed something to open the DOM and wait a second before spitting out the page.

Again, it works perfectly fine if I take out the loop, but I don't want to be starting up a new process for every single page

File: dragons.jpg (141KB, 1200x1200px) Image search: [Google]

141KB, 1200x1200px

>>60603738

const promises = arr.map((pageID, index, array) => {
  let url = 'fullpagegoeshere' + pageID
  return new Promise((resolve, reject) => {
    page.open(url, status => {
      if (status !== 'success') reject()
      fs.writeFile(pageID + '.html', page.content, err => {
        if (err) reject(err)
        resolve()
      })
    })  
  })  
})

Promise.all(promises).then(data => {
  //do work with data here
})

try something like this. you're dealing with lots of asynch shit and doing it wrong.

you need to make a bunch of promises and resolve them only when everythings ready, then use Promise.all on the array of promises to make sure they're all done

>>60603506
>[Embed][Embed][Embed][Embed]

File: Sin nombre.png (2KB, 105x80px) Image search: [Google]

2KB, 105x80px

How can I make a list in HTML that looks like pic related? I'm new to web design, I'm usually just a programmer but trying to make my own webpage.

>>60604183

<span>List:</span>
<ul style="display: inline-block">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>

Something like this probably. I didn't test it

>>60604183

.benis {
display: flex
  li {
    list-style: none;
  }
}
<div class=benis>
<label>List:</label>
<ul>
<li>Item 1</li>
<li>item 2</li>
</ul>
</div>

>>60604207
This one worked, thanks!

1. Will I get the skills needed to start working from FreeCodeCamp?
2. How much should I expect to earn as a web dev from South America working remotely part-time?

File: smugAnimeGirl2.png (117KB, 372x351px) Image search: [Google]

117KB, 372x351px

>>60603506
None of you guys actually do web-dev using PHP anymore, right? I mean, nobody can be that autistic.

>>60603547
Follow your passion and try to fit a degree in but don't over pay.

What sort of applications are you guys using a frontend framework like react or vue for?

>>60605509
Materialize on the web and with electron

>>60605423
stay koding

>>60603506

I want to point out that the video you have posted, if you check the person's website it has all sorts of issues, like no scaling properly, menu not working, also the videos suggestions are questionable at best.

File: VRNVgWl.png (25KB, 563x365px) Image search: [Google]

25KB, 563x365px

i want to get into web development but i only really know C++ and a little bit of python

can i do ANYTHING web related with my current knowledge of C++?

>>60605899
how about you stop being a lazy shithead and learn some webdev languages?

>>60605899
>C++ and a little bit of python
you can learn any non-functional language with ease (you'll probably want javascript at least)
once you get past the syntax differences and the couple gimmick features that make a language ~unique~ it's all written the same way in the end

>>60605899
There are a few c++ web frameworks out there but they aren't used very much in the real world. Python on the other hand is very common and you'd probably be much better off diving deeper in that.

>>60605899
reconsider. the most exciting thing you'll do in web development is query a database and put the information into a html file. Go learn qt, you're halfway there.

>>60605423
how is that autistic? using assembly or coq for webdev is autistic, not php

>>60605509
an application that calculates and servers some sport stats, charts and match results

File: logo.png (4KB, 400x400px) Image search: [Google]

4KB, 400x400px

I like Vue

>>60605423
Just got a £15k wordpress project in that's a week of work. I'll drop shit languages and libraries when people stop paying me to use them.

if i make my own webdev 'company', how hard is it to get clients?

>>60607621
how long is a piece of string?

Alright fuck it, gonna learn WordPress development. Any tools I can use?

>>60607951

wordpress

Aspiring webdev here How to get job?

>>60607975
Do all the courses in the OP. When you're done with that, come back and ask again.

>>60604871
1. no
2. $20/month

>>60603506
>NEET guide to web dev employment
That should probably be replaced. It hasn't been updated in 2 years.

>>60607584
Stop giving them ideas! Let them think Wordpress and PHP are shit so there will be more jobs for people like us.

File: UQUwZNA.jpg (45KB, 1024x576px) Image search: [Google]

45KB, 1024x576px

>when you finally achieve react server-side rendering with just the cross platform v8 interop library and it's faster than MVC and react.net
Dunno what to do with this. I'll probably never get credit if I release the source, people never donate.

Also there's another guy here that's already done this.

>>60604871
Depends on what your market place is like in SA.
If you're trying to get hired by a USA based company then you're fucked unless you have legal clearance to accept work inside their country (trust ne, I've been applying for remote jobs as a non US citizen for over a year now).
Feel free to do work on sites like Upwork and Freelancer though, you'll probably just make enough to survive once you build up a reputation on those sites.

>>60608713
Venezuela. I'm fucked.

What if I send emails to random European startups?

win7 or win10 for work env fellas?

im coming from ubuntu because im gonna into old school emulators im thinking win10

>>60608997
10 because WSL

>>60609001
>WSL
good shout

get these wooden toy languages out of here

this is an american imageboard where we speak american only

>>60609687
>>60609711
kindly fuck off

>>60610278
Worried about foreigners taking your jobs?

>>60609687

VISA sponsorship is good yes, but also rare. Still try anyways, if you're good enough they will move mountains to get you on board.

>>60610319
i am going to hack you now

le anonymouse send their regards

File: 1433639827241.jpg (151KB, 500x667px) Image search: [Google]

151KB, 500x667px

Just kind of starting off with this whole webdev thing kinda, I feel like I am. Got some good knowledge in html, css, bootstrap/Foundation, basic javascript concept (never really built anything with it though) and Adobe shits. Basically I'm a web designer (with no experience) that wants to move into dev.

No idea where to go from here. Focus on javascript? I was about to into Rails or C# but wasn't sure which to pick? I know rails is easier but there are also no jobs. C# is harder but job market is better?

What do?

>>60610739
>I know rails is easier but there are also no jobs. C# is harder but job market is better?

I was faced with the same question and went with C#. Hopefully it'll pay off later on.

>>60611853
How are you finding the adventure with c#? Seems like MS actually has a lot of free resources for people to learn it and everything.

Also if anyone else wants to help me figure which path to take I'd appreciate it.

>>60611996
>How are you finding the adventure with c#?

Visual Studio and C# are pretty comfy, but it is annoying how even the smallest thing requires so much code just to run. The VMC model on C# is just a huge clusterfuck, I think it's too much for newbs like us.

I took a break from C# and am doing Python + Django now, which is a much simpler and transparent language and framework. You learn pretty much the same thing, only the implementations are so much easier. Once I get the grasp of things in Python I want to move back to C# because there are waaay more jobs, but learning basic webdev concepts through C# is hell.

I found a few good books on .Net and MVC, was following along, nice and dandy, but when I tried to do my own thing, I was completely lost. With Python + Django, everything is a lot more intuitive.

Also, those hour-long videos on the .Net Academy or whatever are fucking awful. When you want to go back to see something you got wrong the first time, it's impossible to find the right spot, because they're re-writing the same bit of code over and over again. For me, a book is the way to go.

Should I become a web dev? I'm balls deep in learning C rn but don't think I want to be dull as fuck accounting work for the rest of my life. WD has a more creative flair to it.

File: c548cb6d5446ceb77aeab5a68bc4b22f.jpg (136KB, 736x659px) Image search: [Google]

136KB, 736x659px

Writing REST Apis in DropWizard/Java, it's comfy pals

>>60612250
Do what you enjoy doing most man.

>>60612174
Thank you very much for the write up. Very informative stuff anon. I was actually wanting to go the route of rails because it was easy and gives you a good look into the MVC model. But I NEVER see job postings asking for rails.

Python is also an option I suppose, I always forget about it for some reason. The Microsoft videos did sound too good to be true to be honest.

Sounds like C# is more of an intermediate language then. Thank you for putting the breaks on that idea before I got heavily invested.

>>60612250
Don't quit your day job. Learn C on the side, branch out into doing dev part time, and if you find that you can make a decent living off it and you like what you're doing then switch to full-time dev.

File: images.jpg (107KB, 717x898px) Image search: [Google]

107KB, 717x898px

>>60613097
Same anon. Don't rule out C# just yet, it's a very nice language, and the beginner's stuff is the same in every language, so you could easily learn it in C#. Check out pic related, I plowed through it in one week (up until part 4) and all of that, Parts 1-3, are the same in every language.

Also check out CS50x on coursera, the Harvard intro to computer science, pretty good. It doesn't rely so much on the videos because you get all the slides and the transcripts, plus the only thing that matters are the excercises. By week 7 you'll be doing Python + Flask, making a cool website. Definitely recommended just to get started. Go through the first weeks which are heavy on C, but don't get stuck on them if you're struggling too much.

>>60613336
Don't have a day job, still an unemployed student

>>60613410
get a day job, and then you'll be ready to follow this guy >>60613336's advice

>>60613535
I guess it's not bad advice. I'm still not 100% on what I want to do with my life desu.

>>60613336
Are part-time programming jobs all that common? I've only ever seen typical 9 - 5 offerrings around here, and I'm not sure how I'd go into freelance if that were an option.

http://www.careerbuilder.co.uk/uk/jobseeker/jobs/jobdetails.aspx?siteid=int_indeedUK&Job_DID=J3K37Z6PFYPPT4HY1CP

> DO YOU ENJOY LEARNING PROGRAMME CODES

>>60613577
>Are part-time programming jobs all that common?

Freelancing. You could find clients on your own or do odd jobs on Freelancer, Upwork, etc.

>>60613577
>Are part-time programming jobs all that common?
I wish.

Part time hours at 30 an hour would be comfy and give me time to build my own stuff on my own time.

I got offered 2 different positions for 2 different companies. One, as a front end developer, and the other as a data analyst.

Which one should i take? Pay is about the same, but i'm wondering which career is better in terms of long term stability and money.

File: vmq0gj1p6yyy.jpg (1MB, 3024x4032px) Image search: [Google]

1MB, 3024x4032px

>>60605423
I'm pretty happy being a Wordpress developer. Stay mad.

>>60607543
Me too. It's like react and angular had a baby, but nobody wants it.

File: 1467847078182.jpg (115KB, 1200x1200px) Image search: [Google]

115KB, 1200x1200px

>>60608827
>Venezuela

Shit, son, I feel sorry for you.

>>60616109
>data analyst.
this one for sure, because you can use it in any context or industry. Front-end is pajeet-tier. With some data analyst experience, you can go to Google, Uber, Facebook, or any other fucking company in the world.

>>60616225

You call yourself a developer? more like plugin installer.

> there are wordpress developers who think making a website with Jquery is "bare bones"

>>60616225
What's it like anon? I'm thinking of looking into that for a first position. What kind of stuff should focus on? What would impress a potential employer on my portfolio?

Thank you in advance

>>60616336
Don't senior developers make a lot of money while analysts will eventually have their pay capped at a certain point? (I have no phd for data scientist).

so what's your take on .net core /wdg/

>>60616517
I'll take a look at it after it matures and stabilizes

Im trying to make a website thats mostly user based

What can I use to show how many users are currently using my site, on the site itself.

daily reminder that react and it's siblings/cousins are all junk and you should just use a lisp instead of using an ugly half assed reimplementation of one. or just write plain js.

File: B7yi2WYCMAA1TPb.jpg (60KB, 600x467px) Image search: [Google]

60KB, 600x467px

>working on personal projects while looking for a job in the industry
>big dreams
>"I can't wait to get a real job in web development and learn while I'm working! I'll have so much more time in the evening to get my personal projects up and running and some day they'll be live and people will use and love them"
>get job I want
>haven't touched project repos in six months

>>60616896
Can't ask a question like that without telling us the language and/or framework you're using.

>>60616903
wtf I hate react now

>>60616896
>create unique id for each visitor
>save it in a cookie
>record it in the database along with last visit time
>when user opens the page check if a cookie with visitor id exists
>if yes then update last visit time for that id in the database
>if not then create the cookie as described above
>query the database for the count of visitor ids with last visit time not more than for example 5 minutes from now()
>that number is your count of online users

>>60616903
great post, really opened my eyes. I'm now rewriting react in plain js, although I might just copy their code because it is written in plain js too. would that be ok?

>>60617003
ha, at least you got the first half of the dream, a job. A lot of us here are not even at that point.

But go on, tell us a bit about the job you got, and if you're willing, tell us about that personal project as well.

What does "paid relocation" mean? What does it cover?

Differences between Apache and Nginx? Pros/cons, etc

>>60617386
they'll probably give you a fixed sum, my guess is between 2-5k euros, and that's it. But don't worry about that now, first get the interview, then you can ask them in person.

File: 1495678280022.png (301KB, 800x1065px) Image search: [Google]

301KB, 800x1065px

posting pic related because it's a great guide for back-end devs. Once you're confident in one or two languages, and you can do most things on the Web Server-Docker list, you should start applying to jobs. I'm almost there, /wdg/uys, I'm almost there...

>>60616109
How'd you get a data analyst offer? Sounds interesting

>>60618406
Nothing special. I'm a cs grad who also does web development for fun. Applied to different areas and that's it.

>>60616109
Depends what the front-end dev is using. Angular? Go for it. Anything else? Take the DA.

Data analyst is fine, but I'm not sure what they cap at. With web dev you can go to being CTO making 400k a year in a startup environment or several million in a larger company after a few decades if you can act the part.

>>60618866
The front end position uses angular, but I'm hesitant because it's a small company that basically makes websites for local businesses. Doesn't seem like the company had any more room to grow.

>>60616903
React is actually the replacement for razor, it just hasn't realised it yet.

>>60617420
Nginx is what I use, but I doubt it's better. The only trick is that to set up a backend you need a "proxy pass" setting. Set this to the port on localhost your backend is and give it a location, or route.

>>60612174
Because MVC is horrible.

Because we want to build pages with backend data, static html fails and it needs to be rendered on the server. This is where react comes in.

It does mean everything changes. It means writing entire webpages within jsx files. I'm so sorry but this is for the better, MVC and razor must end.

>>60611853
>>60610739
C# gets the "I'm hard, actually not really, idiots just gtfo" thing. It's not a hard language, it's not c++ levels of syntax and it doesn't do the tricks c programmers do.

IMO web dev can be just c#, JavaScript and html thes days. People like c# because it's not difficult and does things on the single digit millisecond time frame rather than the double or triple millisecond time frame most other languages do.

>>60610319
Only because HR people prefer them.

>>60608708
Full circle, this is me.

The only thing people actually want from mvc is getting backend data to the client before the page loads. Last I checked mvc had delay of 30ms, that's fine since anything below 200ms is technically unnoticeable ignorable, but it adds up. Firing up v8, making an object pool and loading scripts, has a delay under 10ms.

File: www.techempower.com-benchmarks-.png (720KB, 976x2140px) Image search: [Google]

720KB, 976x2140px

>People like c# because it's not difficult and does things on the single digit millisecond time frame rather than the double or triple millisecond time frame most other languages do.
there's nothing really special about C#'s performance

>>60619478
>Because MVC is horrible.
are you talking about MVC as in the pattern or the product called "ASP.NET MVC" (by a company that is the fucking worst at naming and versioning their stuff)?

>>60620407
No I'm talking about the horrid razor stuff from "Microsoft® ASP.NET MVC WEB APIs." 10 years ago it was probably the thing, because backend data sent when clients first connect, but at the moment everyone seems okay with react so replacing it with server-side rendered react seems to be what people actually want.

>there's nothing really special about C#'s performance
Depends what you're doing with it.

That horrid Microsoft framework has delays hidden somewhere that the "pros" know how to turn off for benchmarking and can make ASP.net respond in microseconds. It's all colluderism, even if you're a loyal Microsoft customer cuck they'll still tell you to wrestle with .netcore rather than tell you the setting.

If you reimplement an entire web framework with sockets you'll get similar speeds to Go and Node.js hello worlds. This is basically the minimum if you think there's a chance your site would get hundreds of clients a second. When node is actually executing JavaScript code it starts taking double digit milliseconds, it's at least 4ms to open the engine and something simple like rendering a jsx file takes about 2 or 3 ms.

I digress, for sites with at best one client a second no one actually cares if everything is responding under 300ms. That being said, picking a framework that responds 10-20ms than the alternative is at least a head start.

BTW I don't trust those benchmarks.

>>60619478
>React is actually the replacement for razor, it just hasn't realised it yet.
The scooter?

>>60616896
1. Build a websocket server.
2. Ping users every N ninutes

>>60620947
Razor is a horrid templating language used by Microsoft for MVC ASP that introduces several new syntax characters and when you look under the covers is literally just injecting things places and then sending it as a string.

This is fine because until server-side rendering was really a thing, which really meant engines like v8 existing since clients are JavaScript so you'll probably have JavaScript used for client pages, until relatively recently.

The mindblowingly good idea about react is it does all your html/javascript in one file and is artificially popular because Facebook uses it. Against Razor it's everything you want in scalable web development.

What do you guys think of my website company

http://www.nuepage.com/

are there any unofficial >best resources for learning node.js? i have around 5 years of on-and-off experience with programming already (mainly java/C#), but i've never done anything involving the internet before

>>60621132
Why would I want my html and js in the same file? If that's what you want then just use s-expressions. I'll admit that XHP is cool and is how PHP should have been designed from the get go, but JSX is just not..

>>60621682
The official api docs for learning node. MDN, 'js: the goodparts', and 'js: the definitive guide' for learning js.

>>60621711
Client side JavaScript exists to work on the client side document, in all things it's best to be able to see what you're working on when working on it. It's not great mixing two languages, whether it's HTML and JavaScript or HTML and PHP but you've got to go one way or another. Clients are already in JavaScript. Also, using backend data in client side functions without needing to do an Ajax call. That might be cool.

Also, I dislike almost everything about PHP. People tell me it's only slow during development and deployment uses FPM/HHVM, but to deploy takes an entire skill set in itself. That's horrid and makes it unlikely anyone can do it on their own..

>>60621829
I dont even use php, but I don't get how you can criticize it for being hard to deploy while at the same time cheer leading for react"I need a build system more complex than gnu make just to accomplish 2 way data binding"js.

>>60621813
cheers

>>60621829
>but to deploy takes an entire skill set in itself

>every shit tier webhosting company targeting mum and dad businesses only supports PHP

>>60603506

>writing your own recaptcha library
>it's like five lines

How is this what 4chan had broken yesterday?

>>60621829
>Also, using backend data in client side functions without needing to do an Ajax call

How exactly are you going to do that? I mean you can use server sent events or web sockets but that has nothing to do with react or any 3rd party library.

>>60621908
Thing is I've already developed something that sets everything up for react, kind of petty considering it's a hard dependency on react (at the moment it just involves having the script file somewhere near the binary), but all the same any cheerleading really is just because I got it.

It's not great everything is done in one file, but it is great the data is coming directly from the backend in a language/environment that's fairly well proven for web, as far as tradeoffs go. Also, I only have to worry about one file, that's nice.

Once upon a time GNU tried to replicate this with Vala. They moved on to Mono. Then I developed a web framework designed to work it and .NET equally. It's actually not complicated, I simply found the only actually cross platform v8 libraries and then pooled instances of that set up for rendering. Simple. Use it or don't.

>>60622081
Low budget developers can deploy mono on a tiny Linux box fairly cheaply as far as memory and CPU execution goes. That's really the point.

PHP is horrid, you have strange script running between clients and the backend that until recently interpreted slowly. Injecting it into HTML has so much smell, but it's everywhere so the competing solution must be cheaper than what "everywhere" does to a market (as in prices).

>>60622143
Through the props, brother.

Everything is one file as far as client side dickery is concerned.

>>60622145
>Low budget developers can deploy mono

You and I have a different definition of a low budget developer.

>>60603506

>tfw you realise your concept of caching is broken

https://rix0r.nl/essays/2015/08/25/model-checking-for-the-working-man-mf/

>>60622173
It's under 100mb, sits in the memory under that too and responds quick enough that you probably don't give a fuck what your host is doing for CPU.

A virtual machine is the lowest budget you can go.

>>60622196
>when that's probably true but you cache at every level anyway
Average response time is low at least...

Why should I use postgresql over mysql?

File: terry.jpg (6KB, 219x230px) Image search: [Google]

6KB, 219x230px

>>60622145
>react.js is good because it lets you mix your js and html and edit one file.
>php is bad because it lets you mix your html and php and edit one file.

>>60622323
I know baby, I know, it's not fair.

But this way you can keep predominantly all of your html in one file, leave the react shit there then refer to pure JavaScript everywhere else and be relatively assured the same JavaScript running server-side is running client side.

>>60622209

I'm not talking about the budget of the hosting, I'm talking about the budget associated with hiring a shit tier developer.

I'm basing this on the fact you would shit your pants if you knew how many helpdesk tickets we get here from employed developers who need our help installing Wordpress.

>>60622619
Well, downloading a nuget packages and a few binaries is a little easier than installing WordPress maybe? I'm sorry you have a shitty experience.

>>60622287
as far as I know postgres has a lot better spatial data support.

>>60603547
I went to a bootcamp when I was 19 years old, I got a job straight after writing node and react for 60k AUD salary.

If you're deadset on web development then definitely go for a boot camp.

>>60622287

The biggest thing for me was the failure modes. Most problems and errors just result in missing data and 'success' return values.

>>60621231

What do you mean your "website company"? You mean you're employing them to build you a website?

Their own website is a typical Wordpress pump and dump at least five jQuery plugins and shims for Internet Explorer 8 and below.

AND

A FUCKING CAROUSEL

http://shouldiuseacarousel.com/

Should I perform input validation in the client or server?

>>60622833
Think about it for a second. I think you're smart enough to find the answer to that one on your own. Go on, anon, I believe in you.

>>60622893
I am not. I just started webdeving you know

>>60622902
Then go with both. You learn how to do something new, and then you get to see which one better suits your needs, without someone spoonfeeding you.

File: IMG_1678.jpg (74KB, 814x898px) Image search: [Google]

74KB, 814x898px

I am tired of Earth, these people. I'm tired of being caught in the tangle of their lives.

>>60622902
the honest answer is both, they both have their pro's and con's but you need the two of them. Read more about it here (and really, learn to Google before asking basic questions here...)

https://stackoverflow.com/questions/162159/javascript-client-side-vs-server-side-validation

https://stackoverflow.com/questions/15855770/why-do-we-need-both-client-side-and-server-side-validation

Summary: client-side is fastest and takes no load on your server (duh), but it is super easy to circumvent if a user wants to get malicious on your ass (easiest way is to simply turn off javascript and boom, there goes your client-side validation).

Server-side needs the input to make the full trip (client-server-back to client) which is slower, but it is the safest since you the developer are ALWAYS in control. So the answer is you do both, to really cover your ass.

>>60622967
Dude just style the css elements externally.
EG: link rel="stylesheet" href="yourMaincss"

Dont include styles inside your components. You'll have trouble finding who styles what in the future

>>60622967
Articles at Smashing Magazine are sometimes cringe-worthy:

https://www.smashingmagazine.com/2016/04/finally-css-javascript-meet-cssx/

>css inside javascript

One reader commented:
>What a terrible idea. What a bloated, slow, insecure mess.

>Not even junior devs would write selectors like that. People use classnames and avoid html selectors altogether. This is the next thing you learn after css 101. Hope this terrible idea of putting css to js dies

And then the shills:

>Nice one!

Me: facepalm.jpg
No idea if that's just a "filler-article" to keep SM loaded with blogs. The author of that article fucking pathetic.

Vue.js creator received no reply when he contacted smashingmag to feature an article about vue.js framework.

And yet all these pathetic articles, atomic-design bradfrost-arrogant bullshittery, and other """UX""" stupidity... gets featured. Really makes me think

Boycott SM!

Are there events like gamejams but for webdev?

File: b8ee8bf6f1f677f54fe3744a7e62b2d8.jpg (28KB, 300x450px) Image search: [Google]

28KB, 300x450px

>what really grinds my gears

all those projects coming with their own opinionated scaffolded build config shit

Just want to use my own webpack config and add extra stuff as plugins, not have all my configurations invalidated and prescribed by some other framework, what is even the fucking point then???

>Hey just use "framework1 init myReatrdedName"
>Hey check out "framework2 init moreCrap"
>lel, want to use them together? tough luck

File: tiny-green-buddha-1920x1080.jpg (320KB, 1920x1080px) Image search: [Google]

320KB, 1920x1080px

Anyone here have any experience making premium sites without any grid framework (i.e. bootstrap)?

Where did you start? How did it go?
Did you recreate a similar system of grid classes from anew, or did you apply the grid margins to every single div on the page?

>>60623553
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes

>>60605509
Pornsite

>>60618866
>Data analyst is fine, but I'm not sure what they cap at
~$80k where I'm at, pretty much the same as a frontend dev. Obviously it'll be much higher than that in SV or other high-tech areas either way.

>With web dev you can go to being CTO making 400k a year in a startup environment or several million in a larger company after a few decades if you can act the part.
No reason why you can't do that from data analysis just as easily. C-level jobs are pretty much always more about management than the fine-grained details.

How come everyone shits on PHP like its the worst programming language in the world when in fact, everyone uses it extensively throughout the internet. Lmao are webdevs cucks

>>60624622
Not to mention PHP is at an all time high all these years and there is no foreseeable decline in the future. And all the hippie languages that came to 'kill' PHP has not even succeeded lmao

>>60617867
Where is the continuation

File: 1492626301_450_a-roadmap-to-becoming-a-web-developer-in-2017-freecodecamp.png (322KB, 800x1040px) Image search: [Google]

322KB, 800x1040px

>>60624694
here you go, buddy, that's DevOps, which some consider a continuation of back-end, others see it as something different, not so much programming and more about maintaining infrastructure. I have no idea though, barely familiar with any of that.

File: 0053 - 1qfwZyT.jpg (67KB, 709x765px) Image search: [Google]

67KB, 709x765px

WHY DOES JAVASCRIPT NOT HAVE SANE IMPORT PATHS

EVERY TIME I HAVE TO WEBDEV IT'S LIKE I WENT BACK IN TIME TO 20 YEARS AGO

File: 4359353.png (37KB, 280x280px) Image search: [Google]

37KB, 280x280px

Which of the hipstery non-JS frontend langs should I pick? Just for learning and expanding my horizons a bit.

Leaning towards Elm.

>>60622967
If you are not developing in React Native, just add className="" to your components.
>>60621829
FPM/HHVM environments are mostly for people with years of experience in PHP.

>>60624846
>import {} from '../../../../modules/the/module/i/need/module.jpg.png'
Let me die. I don't want this anymore.

>>60624846
How is it Javascript's fault that library makers dont structure their code in a sane way?

>>60623237
>>60623305
People who complain about mixing html / css / js in react components are just bad at decomposition. If you have a component file that is over 200 lines then you're doing it wrong.

>>60622967
This is just shit code written by a shit person. Look at styled-components for a far better solution. Your CSS is always necessarily scoped to be within a certain element, plus basic scss syntax.

>>60625108
see
>>60625053

>>60625125
I don't see how that answer's the question

>>60625133
JS does not include sane functions for importing in their language.

>>60624846
>>60625053
>>60625142
I think you might have got the retarded.

>>60625164
How do you import modules then?

>>60625174

import thing from 'some-installed-package';
import otherThing from './module-relative-to-this-file';

I fail to see how that's complicated.

>>60625242
Right, and now like a not-garbage developer you organize your files according to folders so you don't have a flat folder horrible fucking mess of a development area.

And one deeply nested module needs to include another deeply nested module somewhere else.

>>60625255
>he's building a hierarchy
See this is where you fucked up. Don't have deeply nested shit.

For UI components:

src/components/

For pure JS logic:

src/modules/

Components in the components directory can either be a js file or a same-named directory containing an index.js file which handles loading up the requisite component, allowing you to have a separate test file, stories, or any sub-components or resources that are VERY EXPLICITLY specific to that one component and always will be.

If this is too flat for you, one more level of nesting is vaguely possible, something like components/layout and components/widgets or whatever fits your project. You're using smart text filtering to open files in your IDE of choice anyway, aren't you? Only bottom-tier plebs still use a tree explorer.

Start with the simplest possible solution then expand on it only when absolutely necessary. That's the only way to not become overwhelmed in the churning chaos that is the current Javascript ecosystem. Next thing you know you'll be trying to write a Gulpfile.

>>60625255
>And one deeply nested module needs to include another deeply nested module somewhere else.

That's not a problem with the way js imports files, that's a problem with your own spaghetti code. Modules with similar functionality should be close to each other in the directory tree. If you need to go up more than one or two levels, that should be an indication that you need to refactor.

>>60625053
>>60625174
>>60624846

webpack

resolve: {
  modules: [
    path.resolve(__dirname, 'your_own_src_dir'),
    path.resolve(__dirname, 'node_modules')
  ]
}

import from anywhere and it will first look in those folders

>import theThing from 'the/module/i/need/module.jpg.png'

>>60625174

require

Not so hard now is it?

File: Untitled - Copy.jpg (646KB, 2973x1193px) Image search: [Google]

646KB, 2973x1193px

These are the books I bought this month. Post any books you're currently reading or ones that were interesting/helpful/cool. Any level of skill welcome.

How do I make side money with web dev?
I got a full time job doing front end JS stuff, but I don't make enough and don't get overtime.

>>60625461
>books

>>60625481
freelance

>>60625461
>Apache
don't

>>60625481
You've got to meet someone who owns a small business and convince them to give you money.

File: 1495562179811.png (7KB, 349x298px) Image search: [Google]

7KB, 349x298px

do people (non-pajeets) still use jquery for new projects?
does /g/ recommend Go?

>>60626377
Not everybody is working on the perfect project with plenty of time for research and planning.

I'm trying to wrap my head around scala & play. Trying my hand on a websocket test but I can't seem to wrap my head around Future usage.

def socket = WebSocket.acceptOrResult[String, String] {
    request =>
      Future.successful(request.session.get("sessionId") match {
        case None =>
          val sessionFuture = sessionService.create(Json.obj("user" -> ""))
          val sessionId = Await.result(sessionFuture, Timeout(5 seconds).duration)
          Right(ActorFlow.actorRef((out) => SocketActor.props(out, sessionId)))

        case Some(_) => Left(Forbidden)
      })
  }

This code works with the Await but I of course wouldn't want that as I would just want the sessionFuture result for the SocketActor whenever it's ready.
I tried going the map/flatmap route but the explanations for those really only show me futures that always happen after each other, not conditional ones like the one I have.
Anyone got an idea?

>>60626377
I've never used anything except jQuery.
Fuck me, what should I be learning?

>>60626377
>do people (non-pajeets) still use jquery for new projects?
I personally don't, but there are tons of scrubs out there that only use jquery and refuse to learn about the vanilla js dom api

>Go
If you're coming from a high-level scripting background, it might be a bit of a learning curve as you have to get down into the weeds a bit sometimes. It has a lot of good support for web stuff and concurrency built in. It's also almost as fast as C while being MUCH nicer to do web programming in. It's nice to be able to cross-compile out a static executable, copy it to a server, and just run it without concern for dependencies and whatnot. A while ago I wrote a go program and deployed it to a minimal raspberry pi server that basically had nothing but ssh installed on it.

>>60626797
http://youmightnotneedjquery.com/

File: 1495286280181.jpg (72KB, 532x800px) Image search: [Google]

72KB, 532x800px

Hi,

Suppose you own a domain example.com

Can you set up DNS to point HTTP(S) to IP A and point SMTP/POP/IMAP to IP B?

I assume no, so follow up question: can I set up email stuff on Heroku?

I also assume that I can't so what other options are there?

>>60626935
don't confuse protocols with DNS, HTTP/SMTP/POP have nothing to do with that.
What you want is a MX record pointing to a different IP.

I've been out of the React loop for a few months and that's been long enough for shit to change significantly. React router and Webpack both are different now.

What's the deal with create-react-app? Is it a solid replacement for configuring webpack and all those loaders by yourself, or is it just to make it easier for a novice to get up and running with a simple project?

>>60626980
Yeah that was my point - whether I can mix DNS settings with protocols.

And thank you dude - yeah MX seems to be the thing I'm looking for. Is it possible some DNS resolver implementations or specific applications like mail clients or whatever would still resolve the domain to the wrong IP?

>>60627026
potentially, yes.
you could add SRV entries https://serverfault.com/a/814718
though most mail clients should either pull the MX or SRV record to check if there's a mail server listening.

you're best off just using different subdomains like mail/imap/pop/smtp.domain.com (referenced by SRV entries) and in the worst case you have to enter the mail server domains manually into your client if it doesn't look them up itself.

>>60626990
>What's the deal with create-react-app? Is it a solid replacement for configuring webpack and all those loaders by yourself, or is it just to make it easier for a novice to get up and running with a simple project?
Both, it's just a react app generator. You can 'eject' the project after you generate it and fiddle with all the config stuff yourself if you want.

>>60627146
Alright thank you - I'll try to do all of those options at the same time. Hopefully we won't have to resort to switching all email addresses to mail.example.com because that would require other people updating their address books.

Backstory: friend bough a domain; considers having a webpage on one hosting provider and email from another hosting provider so now I'm a little confused how to solve this.

Also the domain is a phrase so prepending "mail." might not be super attractive but whatever.

>>60627225
the mail/imap/pop address has nothing to do with the actual e-mail domain address.
it's just where mail clients connect to, not where mails get sent to.

>>60627172
why do you have to 'eject' anythiing? does it hide the actual webpack config from you? why?

I used to like yeoman for starting projects. Just give me some boilerplate to start from so I don't manually have to write every little thing.

>>60627172
Cool beans.

Here's hoping that front-end will slow down and settle with React. Framework fatigue is burning me out.

>>60627388
It hides it to make it less intimidating for the novice and not have them feel overwhelmed when they open up this generated project and see a million different files that mean nothing to them.

>>60627313
Yeah, I'm sorry I can't explain myself better. I understand that part and my fear was (/is) that:

Somebody wants to email [email protected] and I would be able to rout mail traffic to the email provider (IP address A) and rout HTTP(S) traffic to the webhosting (IP address B). The end user will just send an email to @example.com so that should get resolved to IP address A I guess

>>60627408
>Here's hoping that front-end will slow down and settle with React.

lol

>>60605423
The fuck's wrong with PHP ?

File: wtf.jpg (9KB, 137x208px) Image search: [Google]

9KB, 137x208px

>>60627420
disgusting

File: servers.jpg (93KB, 540x604px) Image search: [Google]

93KB, 540x604px

>>60625524
so what's a better option? I swear, this fucking elitism on /g/ can get so annoying

>>60627659
I know right?

>>60627408
That's not going to happen. In a couple months Refix.js will be released. It's not a library but a pattern(it's actually a library).

>>60627408
it did slow down and react will be the standard (and vue for china) maybe for the next 3-4 years, but not forever

>>60627659
http://news.php.net/php.internals/70691

how do i make the jump from backend to frontend ive almost had enough.

teach me faggots

File: Vqr4p1E.png (116KB, 1515x663px) Image search: [Google]

116KB, 1515x663px

>>60603506
So, I know HTML/CSS/JS and I'm learning Node, mySQL, and React. I eventually plan on building portfolio projects with these. When I go to apply for jobs, should I bother applying for entry level positions outside of my stack, stuff like XAMPP or WAMP ?

>>60629762
You think you've had enough and you want to switch to front end?

>>60629762
Learn HTML and CSS faggot.

>>60629961
>Learn HTML and CSS faggot.
i know it
do i just learn js?

>>60629869
i've been debating it for a while but its a sunday afternoon and just got done doing the tiniest bit of work on a personal project and it feels like hell and i cant continue. to emphasize this feel though, it's the first dev work ive done in 2 days so its not like i need a break.

>>60603506

Is a mac address for a given device the same across multiple networks?

>>60630020
JS is nice for some interactive stuff, has some awsome frameworks too. Not required tho, if you want just some basic design...

>>60630069
so what do?

learn ui/ux?
spend a day or 2 on babby shit html/css building shit to git gud then jump on the js dick after that?

>>60630128
If you want to go full front-end, then yes, jump on that JS dick until you like it.

>>60629867
are you asking if you should apply for php jobs if you don't know php?

>>60630020
>i've been debating it for a while but its a sunday afternoon and just got done doing the tiniest bit of work on a personal project and it feels like hell and i cant continue.
you don't know what hell is. wait till you have to deal with webpack and transpiling javascript

>>60630128
>so what do?
just like make a webpage

>>60628133
Nginx

>>60621131
Would the ping be the amount of users?

What else could I use other than PHP to make user login and user registraion?

>id still like to use SQL if possible

How can i pass array to function in php?
example: i have array(111,222,333,444)
and i want to pass it to function funName($a)
?

>>60631300

$a = array(111,222,333,444);
funName($a);

>>60631300
Do you mean array_map?

>>60631208
java, python, ruby, scala, go, elixir, ...

>>60631300
>How can i pass array to function in php?
noob

>>60631561
*newb

>>60631524
wait, weren't there frameworks that i could use?

>>60631653
yes. you said "other than php" so I listed just the languages

java and kotlin: spring boot, dropwizard
python: django, flask
ruby: rails, sinatra
scala: play, lift
elixir: phoenix

>>60631612
there are enough bad php developers pls go try another language

>>60631864
why do you assume he will be a bad developer? I learned basic programming with php when it was even shittier than it is today (php4 days) and I turned out fine.

>>60631864
I'm not the guy you were assuming was noob, I just assumed from his question that he is new...

>>60631864
So I only have to be slightly good to be above average.

Awesome.

>>60631910
>self-assessment

>>60632009
literally what?

File: 1280x720.png (28KB, 1280x720px) Image search: [Google]

28KB, 1280x720px

To those, that actually make a living as webdev freelancers.

How did you get your first few clients?
Is it possible to start directly with freelancing or do you need to work at a junior position first to break into the market?

really don't like the idea to have to join a company first, just to get "experience" and being forced to use their custom Tech-Stack™, that I will otherwise never use for my own stuff.

Well I just took a look at my portfolio and realized how fucking retarded it is to have a javascript snake game on there (I'm a beginner). I need that shit off of there.

I only have 3 projects. A WordPress site, a multi-page static site, and that faggot ass snake game.

What should I put on there instead guys? Keep in mind that I am still a beginner. Should I follow some random tutorial? Is that OK to do?

Hello, I am new to working with php and I cant seem to figure out how to get this fucking echo command to work correctly. It return's

Hello, PHP-7!"; ?> 

when using this file

<html>
   <head>
      <title></title>      
   </head>
   
   <body>
      
      <?php
         echo "<h1>Hello, PHP-7!</h1>";
      ?>
   
   </body>
</html>

Any suggestions or should I just an hero?

>>60632629
of course

>>60632147
>self-assessment
yeah I feel you. I suspect I might be more than "fine" but depression and self-esteem issues prevent me from giving myself more credit thus rendering my self-assessment shit :^)

>>60632631
does the file have .php extension? is it being served by a server with php enabled?

I have been using Meteor.js and it seems pretty easy so far, it's still convoluted due to the weaknesses JavaScript has however.

>>60632631
Try:

 <h1><?= "Hello PHP-7" ?> </h1> 

Or something like that, it's been a long time since last I used php...

>>60632680
forgot semicolon...

File: 1495316967677.png (171KB, 431x539px) Image search: [Google]

171KB, 431x539px

>>60632660
Thanks mang, I forgot to enable php in apache.

Why is a W/LAMP stack is so hard compared to other stacks?

>>60633124
Wat? xAMP attack is easy to set up and use. Like with what are you comparing it?

File: eaZrosc.png (363KB, 5000x5000px) Image search: [Google]

363KB, 5000x5000px

/wdg/ is always so dead...
/g/ is just posting about chinkshit, thinkpads and watches

File: images.duckduckgo.com.png (47KB, 500x461px) Image search: [Google]

47KB, 500x461px

>>60633298

>>60633298
Honestly senpai I keep it open and refreshed. Mainly lurking. Novice so I am still learning a lot, but anons are extremely helpful and it's a great source of information. It's really poppin at night time.

What would you like to see more of in /wdg/? Legitimate question.

>>60633498
Let's talk about HTML programming, kek.

>>60633537
what's your favorite tag? I've been really into <li> lately

>>60633783
Dude, I love <!DOCTYPE html>

File: IMG_0884.jpg (24KB, 288x339px) Image search: [Google]

24KB, 288x339px

>depressed as fuck
>240 or so applications put in
>over 30ish interviews past the first phase
>15 past the second phase
>really nailed the last interview
>get email as I'm getting ready to leave work for the weekend
>sorry anon we've decided to pursue other candidates

It hurts /wdg/, It's ruined my weekend. I tried being productive this weekend and tweaking my portfolio. I just can't bring myself to do it. I'm burnt out. Work tomorrow, fucking soul crushing job...

I just want to give up. I lasted a long time, been looking for a year and some change. I saw my previous rejections as learning tools that told me what to focus on and to get better. But this one has crushed the remaining spirit my present job hasn't ripped from me...

Monday looms another week of tech support approaches...

>>60633498
>Novice so I am still learning a lot, but anons are extremely helpful and it's a great source of information. It's really poppin at night time.
well, true I guess. Am from europe though, so the time difference might play into that.


I also would consider myself a beginner, but hoping to get into webdev freelancing after having been a NEET for 10 years now.

thats why I posted >>60632442


Feel like I have a good grasp (for a beginner) of HTML, CSS, JS, Vue.js, some Node.js.

But I get stuck with trying out new things all the time. Reading up on new technology and never getting around to actually get something done, that I could use to show off to a potential future client.

Tinkering with webpack, Nuxt.js for Vue, Static-Site-Generators like Hexo & Hugo, CMS like netlify-cms (feel like that is probably pretty important when offering to make websites for other people, as they want to edit their own stuff)


No idea what to do now.
Do I just email random shops and companies and try to convince them, that they could use a new site? Seems like most places don't really care about their online presence.

>>60633895
What jobs are you applying for¨?

>>60632442
>How did you get your first few clients?
like this
>wake up
>drink coffee
>go outside
>see a local shop
>check their site on my phone
>it's shit.jpg
>"hey business people wanna new site? modern, fresh, clean"
>send them email
>"no"
>"for $20"
>"ok"
>a month later
>"hey anon, some cool shit you made! We want that another cool feature!"
>"ok, that'd be $50"
It was quite fun, desu

>>60634026
Beautiful.

>>60633928
It's good if you have some examples of what you have done. If you think you see potential for a website, let them know why and what you could improve to make their lives easier. I don't know how you could price things.

I'd love to do freelancing as well, but you can snag online jobs that get posted. I have a friend who got paid to work on the main website for a senator in my state.

>>60634026
pretty good strategy, mind if I steal it?

>>60633895

Don't give up man, just think about what you're doing and see how you can fix it. Maybe the answer is not to tweak your portfolio, but to take a month or two and pick up another skill or language. Where are you located? Are you targeting the most popular languages in your area?

Watch this vid and choose one or two new things to learn in the next month or two:
https://www.youtube.com/watch?v=sBzRwzY7G-k&feature=youtu.be

And go here and start networking, do at least one meeting per week, where you can meet other webdev's and hopefully something will come up:
>https://www.meetup.com/

>>60633931
I was probably too selective. I would not apply for jobs if I didn't have their desired qualifications. You know how you're supposed to just apply anyway? I didn't do that like 80% of the time. There were a few jobs I was just like I'll apply and see what happens, but that was rare.

Junior web developer mostly, web developer roles with novice qualifications, web designer, WordPress developer, a few UI/UX, a few JS dev positions

No back end and no full stack, because I don't know anything about back end.

I honestly think that I got disqualified more often than not because I was applying for out of state postings and they would rather have someone local. I don't live in a city with many dev opportunities.

I used to customize my cover letter for the company for like 60% of my applications.

>>60632702
Semicolon is not needed there, because '?>' adds an implicit end-of-command token.
>>60634370
How do you look for job postings in your city?

>>60634346
Thank you for the kind advice anon. I probably do need to pick up some more languages, I mean it couldn't hurt. My area is ded. I spent all my savings on going back to school and I used to go to meet ups quite often, I had to take this tech support job because I ran out of money. I used to go to meet ups a lot, I actually got more out of it than I thought and interview or two and plenty of advice.

My work is an hour out of my current city and I don't get back into town until 8pm, which is when the meet ups are all over. I honestly have no fucking clue how people show up to the meet ups, they're at like 6pm here.

>>60634492
In my city? Craigslist, indeed, and recruiters is all there really is here. Dice and all that stuff just posts senior dev shit. I mean there has to be jobs here, they just don't post them on the job boards. I've reached out to companies via their site contact page and the most I've gotten back from that method was "thanks for your interest! (but our contact page is for potential clients)"

>>60634717
In my city, I found my first 2 jobs through job postings on newspapers. Most of the options were crap, but I got lucky in the end.

>>60632629
What's wrong with your snake game?

>>60634370
Did you ever get an interview from applying to the out of state companies? If so how did that go? Were you expecting relocation or assuming you'd have to cover it?

>>60635237
A few. If they were across the country I would politely ask if it was possible for a Skype interview.

I drove to Atlanta, Indianapolis, Nashville, and Chattanooga. Most of those are 4ish hours away. Had one in Boston (13?) and one in Wisconsin (14 hours) but I knew people that lived there so it wasn't terrible.

I was prepared to sleep out of my car if I had to. then a buddy told me about airbnb it's like some temporary lodging so you can pay month to month and all that. But those long ass drive interviews all stopped now that I'm working 9-6 Monday - Friday, which strangely enough is when HR works so I guess I'm supposed to call in sick to take an interview??

>>60634791
Never even thought of such a thing to be honest, just got back from buying one just in case... I'm too scared to open it yet.

What are the best certifications to have for web development?

I only know about A+, Network+, Security+ and a few others that aren't involving web dev. Are there some that have more value for obtaining a job or more work?

>>60623305

What should i use for my frontend, drupal people are pushing hard the atomic design and patternlab with twig meme and i dont like it.

whats modern and useful?

>>60635218
Uh mainly it's made in a javascript framework no one in the world uses except the guy that did the tutorial.

https://www.youtube.com/watch?v=AaGK-fj-BAM

The guy is the fucking man though. I started watching it as a goof then I said fuck it I'll give it a go and it's been sitting on my portfolio since. I was just looking at my portfolio and realized I have to take this shit off.

>>60635543
Certs have roughly zero value for web dev.

Is it bad to use semantic tags as CSS hooks? I've seen people do shit like

<header>
<div class="header-style">
...
</div>
<header>

? Why not:

<header>
...
</header>

And in your CSS file just do:
header { ... }

why the fuck would anyone learn a gay language like php in 2017 when you can learn python (a language useful for more than webfagging)

>>60636009
In the first example someone probably needed that div to be there for another reason. I wouldn't do the second one either. Just assign everything a class and follow a consistent pattern like http://getbem.com/introduction/

>>60636057
Because it's the easiest for a beginner to learn

>>60635543
>>60635984
Mostly this, but if you're doing fullstack with Java in the backend for example, then a cert like OCA/OCP might help a bit.

>>60635583
Start with a webpack / babel foundation on all JS projects to have modern features and broad compatibility. These are so low-level and simple that they should be a hard requirement for all projects, also they're not going anywhere anytime soon. Don't get suckered into Gulp/Grunt/whatever-fancy-file-watcher. Use the scripts section of your package.json until it becomes completely unwieldy. Spoiler alert: it won't.

Keep everything as dead-simple as possible. Start with just a src folder and add dirs as they become self-evident. Start with vanilla JS and add low-level tools as they become necessary. Component-oriented organization is good. Decompose everything as much as possible. Functional programming, not object orientation. Mutability is bad. Immutability is good. You don't need a query engine when you have qsa. You don't need $.get when you have the fetch api and polyfills. Use React or Vue. React is nice because it makes as few assumptions as possible about your project, it's very low-level and basically assumes "vanilla js," and because two-way data-binding can quickly become spaghetti code. I prefer its model for SPA type work. Vue is the new hotness for traditional binding layers style projects, and does its job well. Angular is the tried-and-true option, a mostly solved problem, large community and ecosystem, but it makes the most assumptions about your project and will probably be the most onerous in terms of working around it.

>>60636057
It's in use in some way by 80% of the websites on the Internet. But keep pushing that bullshit /g/ meme that it's garbage.

>>60636057
>__init__.py, wsgi.py
Never again

>>60636345
>It's in use in some way by 80% of the websites on the Internet.
That's quantity over quality. If you look at big shops then it's practically just Facebook. It uses PHP only because Zuckerberg didn't know anything else and then couldn't let his precious shekels be spent on a rewrite back when it was still feasible. There's also Wikipedia which too uses PHP for historical reasons only.

>But keep pushing that bullshit /g/ meme that it's garbage.
It is garbage, but it also enables beginners to learn one thing at a time instead of, for example, jumping into MVC frameworks before they even know how HTTP works.

>>60636057
Why wouldn't I just use Nodejs instead?

That was I can also develop cross-platform apps with React Native and Weex.

>>60636351
python 3 hasn't needed __init__.py's for a while

File: sine.webm (86KB, 504x502px) Image search: [Google]

86KB, 504x502px

why do the ends keep joining
HALP

i read that twitch gives "bits" to americans who bother watching ads. those bits are like credit you use to donate to streamers, and he gets approximately 1$ for every 100 bits.

how does the twitch platform make sure the user indeed watched the ad? can't you game this using greasemonkey/ublock or something?

>>60636954
do you do a modulo on the x-value or something?

>>60637131
x is positive
y keeps changing

>>60637094
http://www.techotopia.com/index.php/Ad_Blocker_Detection_Techniques
http://www.detectadblock.com/

>>60636954
Trying modifying the size of the window, does it only do that when it reaches the end of the window, or always at that x value?

>>60637256
no i was trying to make it redraw but it just keeps joining the points whne it starts from 0 again

>>60637282
Then I don't know what to tell you. No logical reason why the x and y value would reset and take a linear function from a sinusoidal at that random interval.

I would just print out the x and y values and create a table to figure out where and how the values are being generated. Then start changing variables in the underlying function and see what effect this has.

File: firefox_2017-05-29_01-43-18.png (188KB, 1366x651px) Image search: [Google]

188KB, 1366x651px

sup anons

this div got top and sides margins even though it's width is at 100%

what do?

>>60637416
mostly likely has pre defined margins
just add margin: 0

>>60637478
yeah I tried that but it didn't work

it has no defined position, if I fuck with it's margins and set it to absolute I can make it work, but then it fucks up my dropdown menu for some reason

>>60637416
Open it up in inspector and go to box model. This should explicitly tell you what is wrong.

Probably will have to set margin-top: 0px for the div. OR you will have to set the padding: 0px for the containing div immediately outside of it.

>>60637514
margin-top has no effect. unless I put in a negative top margin then it places right below the header

there's no div outside of it, just the body

File: sine.webm (97KB, 514x516px) Image search: [Google]

97KB, 514x516px

>>60637344
okay it works now, had to move the cursor
and clear the sine wave that was drawn

>>60636697
slack is/was written in php. not only that but in the same "spaghetti" code way as Facebook was back in the day ala http://www.phpthewrongway.com. No oop. That's what I heard through the grapevine at least

>>60637582
Right click on the div. Click 'inspect element'. In the window that pops up, go the right and click 'Computed'.

Post what you see there. It might be that your body is adding padding by default. So you might have to set that to 0.

File: firefox_2017-05-29_02-06-35.png (7KB, 334x145px) Image search: [Google]

7KB, 334x145px

>>60637642
zeroe'd

>>60637635
Slack is written with Electron. It uses Nodejs.

Some of the backend APIs might be written in PHP.

>>60637662
Check the body now.

One of them has to be adding extra margins/padding.

>>60637662
oh fuck no i did what you said to the body and it had a margin of 8px
i just removed it everything's ok thank u anon

>>60637704
np

Newb here.
At what point can I say that I understand HTML and CSS well enough to move on to learning JavaScript?

>>60630128
>spend a day or 2 on babby shit html/css building shit to git gud

Probably spend more time than that. Make sure you at least understand how CSS selectors, inheritance, and block model work. Also, if you ever need some feature, check whether there's a way of doing it in CSS before you jump to the JavaScript way of doing it, CSS will generally be faster since features are implemented natively.

I'm slowly working on a Typescript project to create a Window Manager

File: file.png (36KB, 1920x911px) Image search: [Google]

36KB, 1920x911px

>>60638532
I fucked up and forgot screenshot

>>60637510
Setting margin must start from top. Also padding. Also browser dev tools should be able to tell source of that. And absolute positioning is usually bad idea.

Today I will have to post in here because I'm trying to turn my MEN stack into a MEAN stack and that means feeling disgusted with myself as I trudge through webdev.

>>60637672
You don't know what electron is do you?

>>60623618
Hey anon thanks for this, it's a life saver.

Where do I use ::after and ::before?

>>60603506
Every good tutorial site that has Nodejs/express tutorials always shove MongoDB down my throat. Any good resource for learning Node with MySQL?

>>60637786
Probably after learning HTML forms.

>>60640385
Did you try MongoDB? Apparently it is really good with NodeJS.

>>60640385
Literally just replace the mongodb calls with mysql. It's not that hard.

>>60640426
Not yet, but I've read up on it. I'm already too comfortable with SQL and the project that I'll be working on has a data model that will probably be a cluster fuck on Mongo

>>60640490
Yeah, it's probably not that hard but I'm already having a hard time learning Node/Express in itself (dropped learning Ruby on Rails because I want to get more hands-on with back-end).

>>60638532
Interested to see the outcome. Know that /g/ will hate it however.

>>60640629
/g/ also hates Typescript? I thought we only hate PHP...

>>60640641
only memefags hate php

>>60640583
Go through the tutorial and learn mongodb because it could be useful in the future and once you're comfortable with how the program works and how it calls mongodb, fork it and replace mongodb with mysql.

File: RDF_example.svg.png (45KB, 640x301px) Image search: [Google]

45KB, 640x301px

Anyone here into semantic web and sparql?

How can i read this?

SELECT DISTINCT ?s
WHERE { ?s ?p ?o .
           MINUS { ?s rdf:type foaf:Person . }
}

Is it like: select subjects with any (or that have any) predicate and object, except when the subject is of type Person.

>>60640641
Many people hate javascript, especially outside of the browser. Whether that hate is justified... it's up to you to prove them wrong.

>>60640700
Well, there certainly are better alternatives, I think it's up to the developer to choose the language they're the most comfortable with. Unless you need a lot of performance.

>>60640426
Mongo is meme.

>>60640385
Mongo is supposedly shit for real life stuff because of some atomicity problems or something, but for hobby projects in node, it seems to be preferred because it just gets out of your way and lets you store and retrieve data. You can basically store and search through typed JSON objects. If you want to use SQL, it's still pretty easy to use, though. For MySQL there's the appropriately named mysql package that provides low-level functionality, or if you want an ORM,

sequelize

is pretty good and probably the most common.

>>60640490
>Literally just replace the mongodb calls with mysql. It's not that hard.
You have obviously never used mongo. It's nothing like using an SQL database. It would most likely be a significant amount of rewriting to switch databases unless you specifically wrote the app to be database-agnostic (which you shouldn't do).

>>60641053
If you are so bad at programming you can't even replace one DB call with another then you should be going back to some real fucking basics.

>>60641138
The entire point is that it's way more complicated to migrate between Mongo and a SQL database. You can't just "replace one DB call with another" because the way you format and run queries on the data is fundamentally different.

>>60640991
I'm all for simplicity but just like I said in >>60640583 I'm planning on creating a somewhat complex records system (medical) with lots of joins and all of that stuff so it's not really a project for Mongo.

What's the difference between

sequelize

and other sql packages like knex? I've got a beginners idea of models but since I was learning rails at the time, I don't have the slightest clue of what was doing.

>>60641240
Yes you can, you just have to rewrite those queries. Which, if it's a small project, takes no fucking time at all.
On top of that you should always be decoupling database calls from your real code, so that the code is completely DB agnostic. Your code shouldn't care where the data comes from, only that it receives the correct data.

Hey /wdg/, coming from general programming background

How do I make frontend work more structured, or idk "elegant"? It always ends up as a messy pile of hacks left and right and me feeling bad even if it looks right. Sass helps but not a lot. Should I into React or templates like Jade? Or should I just learn css really hard

>>60641356
Angular, Ember, etc. Pick your poison. I'd go with Angular though.

>>60641382
oh right, frontend frameworks are a thing
thanks, will look into it

>>60641356
Vue 2 is a nice start into frontend frameworks

i need mutable global state that every component can access. what do? should i go redux or mobx?

>>60603738
You are using Async calls. exit executes because it has no reason not to

Either you include exit inside the callback ir you create a promise.

>>60641356
Angular if you want a complete robust framework.

You wont be doing classic javascdipt thou. You'll be doing it the " Angular " way.

>>60640763
Why? Genuinely interested i've been hearing that alot.

>>60636954
if you are using canvas, remove the closePath otherwise you will have to provide more context

>>60617003
why is this so true :/

>>60641964
Database for casuals.

>>60634370
Did you consider startups? Dhit pay and hours but its friendlier and you arent someone's bitch.

>>60642142
> casuals
Dumb meme, this aint vidya. If it gets the job done easily then thats a pro not a con.

I'd like a more detailed explanation sbout its shortcomings and how it fails against other NoSQLs.

An article would be fine too.

>>60641308
Separstion of N tier, absolutely correct.

Yet im assuming what the anon you're talking to meant was the migration of the DB data itself. Which is abit of work going from document to relational.

>>60642180
How would I go about finding startups anon?

>>60634791
That fucking newspaper had like 10 job postings total, absolutely unreal. There's like a million people in this area too. The fucking saddest "city" in the world.

https://rawgit.com/360Learning/jquery-select-areas/master/example/example.html

how do they make the overlay 100% transparent only in the selected area

>>60641964
Whole nosql thing is meme- RDBs are superior in most usecases. In few exceptions there are usually more suitable solutions. Even compared to other nosql Mongo is known to have several problems. It's only popular thanks to MEAN shills and because noobs like it's schema less simplicity while It's clear danger sign for experienced devs.

>>60642501
use the inspect tool

it's the same image multiple times.
One is full-size and blurred and then again in the "highlight" div it's shown without filter but cropped according to the position of the div

what os do you guys recommend for front end development? currently on win10 but i can go to win7 or linux

>>60642953
Does it really matter that much? In general I'd say win10 is shit, but does it really make much of a difference when coding?

>>60642953
linux is probably the smoothest dev environment

if you want to stay on win10 get bash on ubuntu on windows ™, and you will get most of the linux benefits
https://msdn.microsoft.com/en-us/commandline/wsl/about

>>60641655
mobx

>>60642953
linux

why do people say linux is better for typing stuff in a text editor when windows can do that too

NEW THREAD
>>60643132
>>60643132
>>60643132

>>60643126
you know it's more than that

>>60643065
i've got bash on ubuntu on windows but what do i do with it ;D

why bother learning bash for web dev?

>>60643126
Better for testing but if you're just pushing code to a server it shouldn't really matter.