/wdg/ - Web Development General

use reactjs

>>60689073
Use whatever the fuck you are comfortable with.

>>60689081
>use technologies you wont get hired for
goodluck with that mate

Anyone have any million dollar website ideas?

>>60689089
In my experience all companies here who are looking for web devs don't specify front-end techs, they are usually completely fine with HTML/CSS which you really should know if you want to call yourself a developer.

Should I try to get into web dev if I'm getting my CS BS?

>>60689147
Just try it, see if you like it, getting a basic website set up is a matter of minutes, learning basic HTML, CSS is also not hard. Give it like a week and then decide if this is something you enjoy.

How do you know when you're "ready" to start working on webdev? I have been studying front end web dev during my free time for over 6 months. These past two months I've done JavaScript and jQuery intensively. I feel like I get the basics and I know how to do most things, but I still don't quite get the most advanced stuff. I have started a couple of projects and I have been able to do most things with the help of StackOverflow.

I actually want to do back end stuff so I still have a long way to go, but I know Javascript is a must no matter what you do. I guess my question is, do you have to master JS before you apply for a job or is it something that you're always learning/asking Google?

>>60689234
>Talking about JS on /g/
Oh boy, you are gonna get flamed

File: ddddd.jpg (157KB, 948x655px) Image search: [Google]

157KB, 948x655px

thanks so much to the anons in the last thread who helped me, the <?php at the start fixed a lot.

I'm in the home stretch now, I can view the PHP over the network through apache, I can post files to the board, the home page of the board looks splendid,

The problem now is that the 'reply' threads all include a bunch of errors at the top. I've minimized them as far as I can go but these last ones I can't get rid of, they don't effect the script at all it's just visually annoying.

I've tried turning off all the error reporting in the php.ini but that yielded nothing. I'd even be fine with making them size 1 font or something, it's noting top secret.

additionally at this point I had another question: how do I lock down security within XAMPP after i'm done configuring? right now I can access and download config.php over ip which is a little worrysome, am I supposed to be serving up the php within some kind of HTML?

>>60689360
The color scheme looks a little familiar, can't quite put my finger on it...

I fucking hate webdev

>>60689625
why hast thou lost faith?

File: freeCodeCamp.jpg (47KB, 1200x200px) Image search: [Google]

47KB, 1200x200px

>We estimate that the 800 hours of nonprofit projects and 80 hours of interview prep you’re going to complete, in addition to the 1,200 hours of challenges you’ve already completed by this point, will be more than enough to qualify you for your first coding job.
>800 hours of nonprofit
Are you supposed to work for free on full scale projects for half a year?

>inb4 nonprofits
Non-profits still pay for all their other shit.

File: 1486399766979.png (342KB, 394x394px) Image search: [Google]

342KB, 394x394px

i wonder if webdeb will ever not be an abomination of different technologies thrown together to do things they werent designed to do
css being the biggest offender

roast me on my old site i did in dreamweaver. look at homes page to see how I gave up trying to do uniform thumbnails

atlantishomes.net

>>60689759
you're supposed to learn how to do shit in your spare time so when you get hired dont have to struggle on-the-job you jackass now get back to work so goldstein can giveyou pennies someday

are tables still the best way to get shit to properly align next to each other?

>>60689360
> Cant get rid of errors
> Trys turning of errors to supress errors
> Doesnt understand what "Undefined" means

>>60689776
that would require completely ditching todays browsers and I doubt that will happen

why use something like reactjs?
is the main reason to avoid manually updating the dom when data changes?

File: 1493497287155.jpg (97KB, 640x480px) Image search: [Google]

97KB, 640x480px

I need to make a carousel without the use of bootstrap or jquery. It needs to show two of the three 1/4 pieces at the same time.
Using vanila js is fine.

Anyone has any past favourite solutions?

>>60689844
yes (+ you can break everything up into reusable components)
change the data and the dom content updates automatically

>>60689805
no
google flexbox

flexboxfroggy.com for a crash-course

>>60689844
Because the average webdev is an undisciplined shit that can't make reusable components otherwise and would insert HTML nodes in the document tree directly, forcing the browser to invalidate the rendering.

So basically there is no reason other than "webdeveloper" being an insult.

File: 1474114938326.jpg (109KB, 850x569px) Image search: [Google]

109KB, 850x569px

I was hosting 2k old photos on word press, but its not very secure (keeps getting defaced)

I tried to restore the db from a backup but i dun goofed and now im looking for another way to host it.

I'm not the best at web dev, but I am looking for a better solution. Any ideas family?

>>60689784
wtf dude u just h4ck'd my pc

>>60689234
Are you "ready"?

I don't know why the fuck people don't know if they're ready. Open up a couple of job postings near you and see what they want for junior dev, you incompetent fuck.

Can you make a solid website with html5/cas3/bootstrap/JavaScript/jquery and a framework like angular?
Do you know about ajax calls?
Json? Rest?
Do you have a backend running in NET or java or php or even express?
Do you have a database for persistence?
Do you know unit tests? Mocking?
Security?
Can you make a semi useful project like a basic storefront clone? Blog clone? Yahoo clone? Yelp clone?
Does it work on different browsers?
Is it viewable on mobile and desktop?
Does it handle different users simultaneously?
Does it load fairly fast?

If you answered no to any of these then stop wasting your time being a desktop ricing Euler project doing useless shitter and make real web stuff.

>>60689931
Chill

>>60689759
>college degree in cs might have half of the degree purely for cs concepts
>it's way over 800 hours
WHAT 800 HOURS OF HARD WORK THIS IS BULLSHIT

I agree hard work is bullshit give me $10,000 and we will get you ready in just 200 hours with our magic boot camp "memecampjs" sign up now

>>60689776
There's nothing wrong with the HTML CSS JavaScript working together. CSS hasn't overstepped its bounds.

Full stack JavaScript in the other hand...

>>60689776
only a matter of time till another carrington event.
Then we can start from scratch

>>60689980
>There's nothing wrong with the HTML CSS JavaScript working together. CSS hasn't overstepped its bounds.

>>60689844
>why not manually update
Spotted the memecamper who never made a website of any complexity or depth, nor speed and performance

File: abstract kind of hmm 2.png (2KB, 529x481px) Image search: [Google]

2KB, 529x481px

>>60689776
>>60689776
> css is not being used the way is was designed to be used
CSS is designed for exactly one thing and that's exactly how it's used. What are you talking about?

>>60689898
Depending on what anon wants to do, you might not even need flexbox. Just float: left or display: inline-block on the elements is usually all you need.

>>60689995
Explain how CSS isn't doing what it was originally designed to do

>>60690010
>CSS is designed for exactly one thing
more like at least 3 things:
>style
>shit tier layouting (should be a part of HTML) and work completely different
>animation
>...

>>60690026
That is exactly the problem, unlike what >>60689776 said it was always designed to be a mixture of shit.
That said, people are treating HTML in a way it wasn't designed for, building GUI elements of many fat nodes.

>>60689955
It's the only answer of value in this entire thread

File: ??? ???.jpg (70KB, 800x610px) Image search: [Google]

70KB, 800x610px

>>60690029
Animation is just a visual flourish, i.e. part of presentation so CSS is exactly where it belongs.

>shit tier layouting
pic related
HTML defines the structure of the document, CSS defines how it looks. What's the problem?

>>60689360
Set error_reporting to E_ERROR.

>>60690073
Nice job. You and I are probably the only two people with jobs in the entire thread.

File: reallymakesyouthink.gif (2MB, 460x259px) Image search: [Google]

2MB, 460x259px

how much money can a person that knows HTML, CSS, JS, jQuery, PHP, SQL and meme Frameworks earn by sucking dick?

>>60690073
>Animation is just a visual flourish, i.e. part of presentation so CSS is exactly where it belongs.
Animation is a change of state. CSS expresses that in a poor way.
>>shit tier layouting
>pic related
>HTML defines the structure of the document, CSS defines how it looks. What's the problem?
Layout isn't about looks either. And the way CSS does this using garbage like positon and display attributes is totally abysmal.

>>60690103
>Nice job. You and I are probably the only two people with menial monkey jobs in the entire thread.
ftfy

Any enterprise Devs here?

How do you not want to kill yourself each day

>>60690159
who says we don't?

which web dev blogs do you read?

>>60690159

I look at my bank account every time I get home, smoke a joint and play videogame.

File: thanks.jpg (83KB, 1192x333px) Image search: [Google]

83KB, 1192x333px

>>60690255

>>60690002
>reading comprehension

>there's a right way to do child routes in Angular2 (RouterModule.forChild())
>it literally is broken as shit and doesn't work
>there's a shitty hacky way (just export a Routes {} from whatever file)
>works perfectly fine
Makes you think

>>60690615
Makes you think why would anybody use angular when there is react and vue.

File: 1493049166284.jpg (310KB, 1920x1080px) Image search: [Google]

310KB, 1920x1080px

Hi,

So I want to implement simple session-based authentication just to learn about the concepts around it and stuff.

Do you guys have an article on anything like that about this topic? And if not, could you please explain it to me shortly?

So far I have:
>sign up form sends confirmation email
>email contains link
>link allows to set password
>password is bcrypted and stored in db
>redirects to sign in page
>user enters username and password
>during login bcrypt is checking the passwords

And now I'm not sure what to store in the session cookie and how to validate that info. Should I throw in there a randomly generated authentication token and check if it's still alive? Or directly the username and bcrypted password again encoded in some way and on every request authenticate again?

Anyway thanks in advance and sorry about the inconvenience of filling out a captcha

I keep seeing Scandinavian countries offering relocation even for junior jobs. Do they have a shortage of developers?

>>60691096
>Should I throw in there a randomly generated authentication token and check if it's still alive?
Yup.

>>60691206
Thanks my man.

how does javascript malware work?
does it track everything you do in browser once executed?
or does it track the urls where the malware code is included only

how do I prevent it?

>>60691182
they're into race mixing obviously

>>60691786
>"how does javascript malware work"
>how do scripts written in javascript that do bad things(tm) work

you need to be more specific

>>60691819
can javascript malware infect your modern browser to spy on everything you do in the internet

>>60691874
just use ublock origin and an up-to-date version of chrome and don't go on shady porn sites

browser exploits that allow webpage javascript to infect your browser are rare and for the attacker, infecting random people instead of selling the exploit or turning it in for a bug bounty would be like wasting some very expensive fireworks

How to avoid an infinite loop during Json serialization?
I'm trying to send from Java an object A that contains 3 other object(C, D, E ). And one of these object has a Collection of A and the Object B contains the Object C.

Well anyway, this creates an infinite loop in my Json serialization. How can I fix this?

>>60692282
wat

>>60692282
how did you expect it to behave? json doesn't support circular objects

you should probably restructure your objects somehow

>>60691182
what sites are you looking on? Definitely interested. Pls share

Got offered short-term contract at double my current pay.

Worth? I dont know about taxes and stuff like that.

>>60692282
There should be way to ignore these properties.

whats the best general purpose database?

Is anybody particularly familiar with jquery?
I'm trying to scrape some data from a webpage where the text I want is either listed by itself under a single <div> tag, which is easy to grab using a CSS selector
OR it's under that same div tag, and then nested under a bunch of <ul><li><a> tags, depending on how much text is present on a given page.

How would I go about parsing and checking for that, and grabbing that stuff respectively?
Everything else I've written so far with it I've just used simple CSS selectors because everything is consistently in the same spot and style but this isn't and I'm not sure how to approach it

>>60692878
Postgre.

>>60692878

if its a small/med project i like sqlite

Give me some project ideas lads. I really want to learn web dev and I heard the best way to learn is to do projects.

>>60693112
Since the text is always inside the same div, you could grab it, search by tag name for the ul and if not present, grab the text normally. If it finds the ul element, just grab all the li's inside it, subsequently grab the a's and just append the text on a string.

Trying to learn reactjs with codeacademty atm, is this a good place to start with it?

File: zero.jpg (22KB, 1810x260px) Image search: [Google]

22KB, 1810x260px

>>60693904
chat via websockets
site with sign-up / login
site with headless CMS

got time and want to brush up on your CSS selectors? go here:
flukeout.github.io

>>60693904
i like learning by doing
do this: find a site you like and copy the idea
something like youtube or 4chan sound doable to me but you are probably not me

File: heh.png (50KB, 200x216px) Image search: [Google]

50KB, 200x216px

>>60693904

>best way to learn is by actually doing it

wow you really went out on a limb there anon

>>60693904
Make a 2017 4chan web app to replace this 90s crappy site that hasn't changed in ages.

>>60689776
CSS and CSS-like languages are the best styling technology for user interfaces. GTK, Qt, EAWebKit, Panorama UI, Coherent UI all use them.

>>60694515
muh web 2.0

>>60694607
Moot point. Apart from Qt all those are fucking trash.
And while the theming files of Qt are fucking hell, EVERY target platform already comes with a sane default theme. Also, you rarely need to create own widgets, since Qt comes with almost everything you need for most cases, unlike all css frameworks. Mostly, it's just viewports for visual data, so theming doesn't matter there anyway. What's more important: In Qt you don't do the layout as part of the theme.

>>60693871
Sqlite is bad idea for any real app.

Anything new on that /wdg/ project we discussed when we first started the thread? I can do the logo

>>60695573
What project?

>>60695554
is flight software of a jet airliner a real app?

So I have finished my first year in a CS course. Is it possible to learn frontend for a junior position within 3 months so that I can get a job next ready for next summer?

>>60694976
>Moot point. Apart from Qt all those are fucking trash.
have you ever used panorama or coherentui?

>>60695721
ya

Quick reply someone: Babel or Traceur for transpiling js code?

>>60695554

nah, android uses it for a lot of things

git gud

File: fuck you google.png (289KB, 633x852px) Image search: [Google]

289KB, 633x852px

>>60695879
babel is the industry standard

>>60695967
thanks mate

just got done reading You Don't Know JS: Up & Going

i'm going to continue the rest tomorrow, am i on a good track?

when i'm done with the series i wanna start building stuff and learning nodejs

>>60695879

wha is the point in using a transpiler? why not just write the code the right way the first time? i dont fucking get it someone explain this shit to me like a 12 year old

goddamnit

>>60695879
>no object rest and spread
Traceur is worthless.

>>60696003
Start building stuff now.

>>60696019
Because ES5 is a shit language to work in but is supported everywhere, whereas ES2017 is actually pretty expressive and delightful but hasn't been implemented by all browsers yet.

Additionally, babel facilitates things like JSX and you get polyfilling for free.

I'm trying to follow a tutorial to set up Webpack and Babel, but after running

>npm install babel-plugin-transform-decorators-legacy --save-dev

it asks me to edit “config/babel.dev.js” and “config/babel.prod.js”.

These files don't exist in my project. Has something changed since the tutorial was written or am I being a dummy?

https://medium.com/react-weekly/building-a-react-mobx-application-with-mvvm-ec0b3e3c8786

File: IMG_1679.jpg (90KB, 1024x683px) Image search: [Google]

90KB, 1024x683px

>>60696112
>he uses jsx

>>60696785
just in case, that means "go to the folder 'config' and find the file 'babel.dev.js'". You know that, right?

File: 1471040093270.png (13KB, 584x234px) Image search: [Google]

13KB, 584x234px

>>60696827
I do. I searched the whole project just in case too.

[directory]> npm install babel-plugin-transform-decorators-legacy --save-dev
[email protected] [directory]\react-mobx-todo-editor
`-- [email protected]
`-- [email protected]

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

>>60696785
Did you actually run the create command?

Additionally, this tutorial you're using is obviously shit and written by an ESL. What did you expect?

>>60696071
what do i build?!

>>60696940
create-react-app? Yeah, otherwise those folders/files wouldn't exist.

You know a better tutorial?

>>60696968
a thing that you want to exist but it doesn't

>>60696785
perhaps try copying the files from
https://github.com/mattiamanzati/react-mobx-todo-editor/tree/master/config

File: 7ef.jpg (29KB, 600x600px) Image search: [Google]

29KB, 600x600px

>>60688998
>>60688998

OP needs an update

====

>Advent of Code
is not really an important enough resource to warrant its space in the OP

>>Learning material

>https://programming-motherfucker.com
https:// not working -> change to http://
>https://www.theodinproject.com/
Introduces people to webdev with Ruby and jQuery. Not the best choices.
>http://www.w3schools.com/
Remove, and emphasize MDN instead.
>http://www.codewars.com/
Also link to codefights and hackerrank as alternatives

>>Backend development

>https://en.wikipedia.org/wiki/Comparison_of_web_application_frameworks
useless for this OP
>[Gist] backendDevelopmentBookmarks.md
broken

>>Useful tools
Remove pastebin from march 2015
Add https://caniuse.com

>>NEET guide to web dev employment
Contains outdated information and lacks new useful things

>>How to get started
>1st pastebin has 2 youtube links, 2nd pastebin has nothing
Replace with
https://github.com/kamranahmedse/developer-roadmap
and
https://www.youtube.com/watch?v=sBzRwzY7G-k maybe

>>cheap vps hosting in most western locations
Remove leaseweb
https://www.digitalocean.com/
https://www.vultr.com/
https://www.linode.com/
https://www.scaleway.com/
https://www.heroku.com/
https://lowendbox.com

====

proposed OP with changes: https://pastebin.com/69avu2YR

====

Thanks for reading my blog, rate comment subscribe

I'm writing a theme for Bootstrap v4 and was wondering what the easiest/most common way is to do really basic HTML templating.

Basically I'd like to have a header.html, footer.html and then include those in about.html, contact.html etc. so I don't need to copy/paste/update shit all over the place while I'm working on it - I probably don't need loops and all that other wizardry. If it could be something available via npm that'd be cool.

>>60697114
thanks for taking the work to do that, it was way overdue. Could I also suggest adding the CS50x Harvard Intro to Comp Science course?

link: https://www.edx.org/course/introduction-computer-science-harvardx-cs50x

and a brief summary:
>This is CS50x, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming for majors and non-majors alike, with or without prior programming experience. An entry-level course taught by David J. Malan, CS50x teaches students how to think algorithmically and solve problems efficiently. Topics include abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web development. Languages include C, Python, SQL, and JavaScript plus CSS and HTML. Problem sets inspired by real-world domains of biology, cryptography, finance, forensics, and gaming.

>Students who earn a satisfactory score on 9 problem sets (i.e., programming assignments) and a final project are eligible for a certificate. This is a self-paced course–you may take CS50x on your own schedule.

>>60697114
>>60697262
is there a decent roadmap with learning material for webdev beginners that is done properly (for example makes you learn basics of how web browser and http works in the beginning, instead of throwing random html and js at you) or should I make one?

>>60697302
no

>>60697302
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web

?

>>60697117
gulp task with html concat maybe?

I am confused. Bootstrap is a frontend framework, right? What are Vue and Angular then?

>>60697349
Oh thanks, this looks pretty close to what I had in mind. I'm still thinking about making a big, well-structured TL;DR with links to sources like these and annotations to help figure out how everything fits in. I imagine it must be pretty hard starting out today. I made a RELATIVELY popular webpage in 2004 and I didn't even know or need to know what CSS is or how PHP works.

>>60697475
this is exatly what I mean :^)

>>60697302
don't know of free ones, that really stick out.
Though maybe random html and js isn't actually that bad in the beginning, as it lets you get something done. I can see the use though.

desu the whole Learning material section could be completely rewritten as it's the most important part.
It's a long overwhelming list atm.

>>60697349
that should be good enough
you can assume, that most people here already have at least some basic understanding of what a html file is

>>60697475
Bootstrap is a CSS framework
React, Vue, Angular is for reactive updates of the DOM + components, routing, SPA and other stuff

>>60697524
>Though maybe random html and js isn't actually that bad in the beginning, as it lets you get something done.
that's fair. maybe I didn't really mean random html and jsm, but rather

>Bootstrap is a CSS framework
React, Vue, Angular is for reactive updates of the DOM + components, routing, SPA and other stuff

how the fuck is a beginner supposed to know what any of "CSS framework", "reactive updates of the DOM + components", "routing" or "SPA" means if they don't have solid understanding of http, web browsers and the client/server relationship in web apps

>>60696799
There is literally nothing wrong with JSX.

Especially when you're using React, which everyone should be doing anyways.

File: 1495841068873.png (597KB, 1280x720px) Image search: [Google]

597KB, 1280x720px

>>60697585
sry man, was just trying to answer the other anons question.

>>60697475
Bootstrap provides premade CSS parts, so you can style your site quickly and are almost guaranteed for it to look reasonably nice.
Vue and Angular use Javascript to automatically update the HTML of your website, when a variable changes.

better?

>>60697585
I agree it's gotten pretty confusing for newcomers.

But the basics is very simple.
Your browser only uses 4 things to make a webpage:
- HTML for both the structure and the content (combining these two was a mistake, btw, but we're stuck with it).
- CSS to make it look pretty.
- JS to make do stuff.
- and various resources like images.

The problem is this was all poorly designed and a nightmare to work with.
So any modern web developer will use various tools and systems that make his life easier.
But in the end those tools just shit out some old fashioned HTML, CSS, JS and resources because the browser doesn't understand anything else.

So my advice: try making some simple stuff with just a single .html files, one .css file and one .js file.
But once your project gets too complex for just those 3 files lean about the various tools and frameworks.

>>60697789
>sry man, was just trying to answer the other anons question.
I know, I didn't mean to attack you in any way

>>60689360
Do yourself a favor, okay?

Download composer. Then use that to install the Symfony Debug Package and then just use

Symfony\Component\Debug\Debug;

Debug::enable();

Don't know what composer is and what it does? Don't know what autoloading is?
Learn it. It's the only way. I repeat: THE ONLY WAY to make PHP development tolerable. Also use PHPStorm.
And turn off error_reporting in your php.ini. It's an absolutely retarded setting; The Symfony Debug component does it much, much better.

>>60697585
>>60697797
You'll want jQuery too, but other than that, as anon said.

>tfw your good ideas do shitty and your shitty ideas do good.

>backened is a pain in the ass
If you struggle with PHP/MySQL/Apache/Nginx/Bash you strongly need to consider killing yourself.

>>60689776
The're trying. If we didn't have to support legacy browsers, CSS would actually be pretty damn capable today.

Flexbox has allowed us to get rid of the horrible old float: and clearfix hacks and now CSS grids allow nearly every layout imaginable.

Eventually, when Houdini lands and you'll be able to write your own CSS properties, layout-systems, compositors and whatever you want(which will allow us to provide forwards compatibility to possible even better layout systems, like constraint based systems) there will be nothing left of the old, alienated language that was designed to make rectangles green and that was bastardized to do layouts with a property intended for making text wrap around a square.

Wordpress is so easy to code in and make a quick site, I love it

>>60697797
>>60698296
I'm actually not a beginner myself but the guy who wants to make the beginner guide, but thanks for your input :^)

>>60698342
to be fair, php has so many quirks and inconsistencies that it's hard not to struggle with it

>>60698314
can confirm

>>60698296
>You'll want jQuery too

That's just one of those tools I mentioned, and an outdated one at that.
IMO it's better to learn how the DOM works with plain javascript first (just so you understand what's really going on), and then step up to React or Angular right away.

>>60698390
I was just clueing you in since I was modifying your suggestion, ano ne

>>60697797
good advice
maybe have a beginner and advanced section in the OP

https://pastebin.com/f9fKGd2m

>>60698296
is jQuery still recommended to learn for a beginner?
You can do a lot with vanilla JS today, but it's also the case, that a lot of sites still rely on it.

>>60698427
I'm actually the guy >>60697797 was responding too
doesn't matter anyway

>>60698390
jquery is harder because it's a gigantic mess. php is easy because it's mostly lazy functions

>>60697117
Use static site generator

How does one optimize images for the web? Google tells me my site is slow

>>60698390
It makes no sense either.

Like it should be a really important thing yet no one gives a shit.

Then I make some stupid bullshit thing and everyone loses their shit over it.

>>60698939

size the image accordingly to how much space it takes on the page.
i.e. dont use a 1080p image, when it's only shown with 400px height on your site.

also https://tinypng.com/ for ez compression

Is it a bad or good idea to use a site like squarespace?

>>60699012
oh thank, I'll try that tool

I wonder, if I use img-fluid for the image and my container max-width is 1920px, is it okay to use 1920px and let bootstrap handle the scaling?

Or should I like

@media (max-width: 768px) {
  background-image: url('image_medium.jpg');
}

@media (max-width: 1200px) {
  background-image: url('image_large.jpg');
}

Also, making sure that site looks good i.e. "optimized" on 1920+ is not that easy as it turns out :thinking:

>>60697302
>is there a decent roadmap with learning material for webdev beginners

I think the github repo and youtube vid in the new OP here >>60697114 do a pretty good job of laying down several tracks to follow. I agree with you that learning about web browsers and HTTP protocols and servers is key, but I think that's a YUGE step ahead. You have to start teaching with concrete stuff.

I started reading on TCP/IP and HTTP protocols before even knowing what CSS was, and I didn't last long down that way. I dropped that shit, did some codecademy html shit, and months later, with some backend experience started reading about the inner workings of apache servers and all that. Now it makes sense, but it's taken me a while to get here.

Also, I'm one of the guys that's always saying "go to libgen and pick any fucking book!", you think maybe libgen should be put as a resource? I also remember there was a Udacy video available on torrents, something like "Build 20 websites to start off in WebDev". I tried it and it was a pretty nice, hands-on introduction.

>>60699159
You can use the Picture element to serve different images at different screen sizes.

>have first webdev job for 3 months
>decide to put up resume
>getting calls/emails all day long

Guy called me asking if I wanted a 2 week temporary contract. lel

>>60699434
how did you get the first one?

>>60699484
Applying everywhere with "Web" in the title until I landed an interview at a company desperate enough to hire me.

File: images.png (2KB, 204x122px) Image search: [Google]

2KB, 204x122px

To all you people in the UK, have you tried those temp agencies aimed at office jobs? There's temp agencies that do mostly catering/cleaning/shit, but others do temp white collar jobs. The one such agency I remember is office angels, here's an example of what they have on offer:
>http://www.office-angels.com/Job/it-temporary-database-administrator?ID=0e174596-6090-4972-8e4c-bb09981a0765

Basically just php and sql, can't imagine they'd be extremely demanding for a temp job. That could be your foot in the door. Go for it, brit bros!

>>60699541
another one. read out the requirements, it doesn't sound like they're extremely selective. Down side is, you have to live in bumfuck, middle-of-nowhere-shire.

>http://www.office-angels.com/Job/it-web-application-developer?ID=57ef779b-f7f4-48c6-b2f7-044395b13e5a

>>60699580
>font-family: poppins

I'm stealing this shit. That is just lovely.

>>60698372
Wordpress is also full of security holes and has incredibly bad codebase.

>>60699664
>>font-family: poppins

fucking brits

File: ss-2017-06-02-01-29-52.png (73KB, 862x283px) Image search: [Google]

73KB, 862x283px

>>60699664
>>60699854
that's some weird ass characters :^)

>>60699924
The british alphabet has jihad characters.

>>60699949
huge if true. UK PLEASE WAKE UP

What IQ is required for web dev?

>>60700157
anything over 73 and you're good. And even under 73, as long as you don't drool all over your keyboard you'll be fine.

>>60700157
Webdev is easy senpai

Oh boy, I've not been here for a while.

Anyway, since I got into 3D, I realized I could start programming a bit again with Three.js, but -

Literally what is the point of this library? What is its' main usage? I don't see the purpose at all, everything is ugly, and everything is some boring interactive shit, like flying between colored balls or whatever. It's basically like those things that you think look cool for 10 seconds and then forget about them.

hello fellow web devs. let me share my story with you. i have a good knowledge of c++, have made one relatively big project on Qt (wasted 8 months on it). recently i tried to find a job as a software developer but didn't find any c++ vacancies. so i decided to learn c# and .net. and only now i'm slowly realising that i'm going to work in web dev (as asp.net is the only relevant framework in .net)
so here's my question: is asp.net any good compared to other frameworks? i've already learned c# syntax, linq, EF, basic .net and asp.net structure, some sql server management, so i don't really want to switch, unless i really have to.

>>60700395
it's okay

>>60700392
what would you do with it anyway? if you wanna look at cool 3D objects in motion use blender and unreal or unity.
>>60700395
it's good, people generally just prefer javascript for everything right now so they don't talk about it.

>>60700488
That's what I am literally asking here. Maybe somebody has used it before.

I'm just looking at this:

https://throughthedark.withgoogle.com/

I mean, yeah whatever, it's decent but I think it would still be better as a normal video. That """interactivity""" doesn't make it special at all.

Is this the most interesting thing you can do with that library or what?

I'd LIKE to combine 3D with web since I haven't touched code in a few months, but man, everything related to it is just so boring to me.

>>60700467
>>60700488
thanks

Any Magento devs out here?

I want to create a web app. I have the skills but I don't know what to make. Every idea I have has already been done in a slightly different way.

What do? ;_;

File: 1334x1058.jpeg.d37b04395c10425ba62a6200ada2a84a.jpg (27KB, 960x761px) Image search: [Google]

27KB, 960x761px

have any of you guys ever worked with .help TLD's? for whatever reason every browser can view the .help url I am testing but chrome just downloads an empty file trying to hit anything with a .help tld

File: chrome_2017-06-01_20-33-17.png (571KB, 798x859px) Image search: [Google]

571KB, 798x859px

>>60700693

>>60700742
thanks man, there must be something jank with my browser or hosting i need to fix up

>>60689909
either learn how to properly set wordpress up, use any other cms (joomla, squarespace ..) or invest 10 odd hours into learning basic html + css and statically host your stuff + about twice this if you also want people to be able to comment your qt nazi gurls pics

File: recording.webm (658KB, 708x652px) Image search: [Google]

658KB, 708x652px

https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter

calling it right now that this shit will be LITERALLY EVERYWHERE once it gets out of the experimental flag in chrome. especially given the current fluent design

>>60700837
current fluent design hype*

>fluent design
nice buzzword

>>60700876
yes, it is rather nice

>>60700837
I hope so. It's lovely.

Do we have any WASM frameworks yet?

>>60701249
wasm can't even access the DOM yet

File: ss-2017-06-02-03-46-40.png (333KB, 600x574px) Image search: [Google]

333KB, 600x574px

>>60700837
muh "acrylic" material in electron 1.6.7

>tfw good career choice

so comfy

>>60690159
>$$$$$
>Teammates are my friends, we bullshit with each other all day
>Free food all the time, sometimes travel

How do I move a Backbone/Marionette app to React without rewriting everything. /g/ pls be my hero this one time.

>>60702438
There's not even a one-to-one theoretical relationship between the two stacks. 100% necessitates a full rewrite.

>>60702438
you don't or you rewrite. sorry

>>60689931
Well, half of that is backend, you should have clarified the difference.

>>60694042
>site with sign-up / login
How the fuck do it do that? So far I only did front end but creating sites you need to login to would be pretty comfy.

Are there any frameworks/apis and shit for that?

Its 2017 and you still can't create a text stroke without hacking together several text shadows.

wtf.

File: ss-2017-06-02-06-09-40.png (94KB, 967x369px) Image search: [Google]

94KB, 967x369px

>>60702997
https://www.w3.org/TR/2011/WD-css3-text-20110901/
rip in peace

>>60702982
you need a server that can respond to http requests and perform operations on a database in which you store user credentials. most of programming languages should be able to do that.

>Are there any frameworks/apis and shit for that?
frameworks are not required, but can help. there's fuckton of them
https://en.wikipedia.org/wiki/Comparison_of_web_frameworks
some of the most popular/recommended ones are: >Spring MVC
https://spring.io/guides/gs/securing-web/
>Express
https://scotch.io/tutorials/easy-node-authentication-setup-and-local
>Laravel
https://laravel.com/docs/5.4/authentication
>Django
https://docs.djangoproject.com/en/1.11/topics/auth/default/
>Rails
https://www.railstutorial.org/book/sign_up
>ASP.NET MVC
https://docs.microsoft.com/en-us/aspnet/mvc/overview/security/create-an-aspnet-mvc-5-web-app-with-email-confirmation-and-password-reset
>Elixir
https://medium.com/@andreichernykh/phoenix-simple-authentication-authorization-in-step-by-step-tutorial-form-dc93ea350153

>>60703260
and by Elixir I meant Phoenix

>>60689931
This is a really good answer

>>60702982
>>60703260
Also note that you should learn about https, because that's necessary as well for (secure) authentication, and good practice in general.

>>60703084
Yeah, I knew it once existed, I don't know why the fuck they removed it though.

>>60689931
People who ask that question are not ready to be professionals, regardless of whether they're ready to be engineers.

>>60696112
>free
60 thousands of files is not free

>>60698372
Wordpress is shit, they keep adding useless features with security holes, third party plugins are security holes, then my fucking colleagues of course are too busy to clean up the inevitable hacked sites and i have to come down to the office to clean up their messes, despite me having little experience with wp. Also how the fuck im the only one setting up the correct chmods and htaccesses why the fuck doesnt wordpress handle it on its own, and my colleagues too.
God fucking damn.

>>60705450
>one setting up the correct chmods and htaccesses
can you elaborate a bit more senpai?

>>60688998
>backend is a pain in the ass edition
Backend is the goodness and light in our lives, anon.

>>60705482
You can find some info by searching hardening wordpress.
Basically you wouldn't want certain files like wp-config.php to be modifiable so you would set them to 440.
Generally set directories to 755 and files to 644.
Also if running under apache be sure to prepare a few .htacess to prevent executables to be run from /wp-content/ (usually safe preventing all, but also depends on the theme) and /wp-includes/ (only exceptions are ms-files and tiny-mce's php).

.htaccess files should be 440 as well if you're done changing them.

Also something to rewrite the /wp-admin/ path would be nice, possibly something that doesn't leave the ajax call php free for all on the original address, because then is basically fucking useless. You can't just rename the folder, updates will recreate it.

Even better restrict the admin access to whitelisted IPs, if possible.

Disable file editing from inside wordpress, it's just take one leaked password to give them charte blanche to cracker faggots and suddenly your site is a chinese market spamfest of syrian army faggots defaced leprosary.

>>60705373
>60 thousands of files
What are you even on about?

>>60689234
Anon, you're ready by default. It's only a matter of time. Get your framework (I've started with Ruby on Rails), go through introduction course and you are basically set to go.
Start by developing your web app of sorts. Don't know how to do some shit in HTML? Google it - chances are there's something regarding your question on MDN or Stack Overflow. Have problems solving something via CSS? Google it - SO or css-tricks will have a solution.
Have problems scripting? Decide what kind of script you're going to use (vanilla javascript, jQuery, or coffee script) and google it. Chances are, SO will at least point you in the right direction.
Need backend solutions? You'll go through shitload of them during your introducing course and there'll be more advanced ones available. And, SO too, of course.

You'll only need to have enough dedication to continue and enough adequacy to not simply copy-paste said solutions without understanding them. Most of the time, there'll be best practices and guidelines written in the same place you've found your answer.

I strongly oppose pure "learning" for the sake of "learning". "Learning" about CSS will result in fucking nothing until you'll start to putting your purely theoretical knowledge in use while realizing the designer doesn't want to hear your shit regarding "best practices".

>>60705773
he's bitching about dependencies that it requires because he's got nothing better to bitch about

>>60705849
Well, he ain't wrong, look at all those faggots including babel on nodejs apps, only for the fucking new style require.
Even though nodejs basically supports everything fucking else beside that. Is that not stupid ? No... you're right it's not stupid, it's completely retarded.
Then those idiots publish their crap on github for everyone to see and strut around like they're hot shit.

>>60705677
convince me to have faith in backend development again?

>>60705890
he's the reason to transpile your js code
https://github.com/getify/You-Dont-Know-JS/blob/master/up%20%26%20going/ch2.md#transpiling

>>60705932
It makes your life easier. The only problem you can have with backend is the fact you don't know it.
The less stuff you do on the client-side, the more fast, secure, and reliable whatever you're doing becomes.

>>60705682
https://github.com/elcodigok/wphardening

>>60705965
how much frontend do you know and are you capable of building anything on the backend?

>>60705890
how is this relevant? I can do retarded shit with literally every piece of technology and even publish the effect on github. would that be a flaw of the technology?

>>60706070
You don't understant, the idiots validate each other, their expositions increases and spread like a plague.
More idiots start promoting the bad approachs calling it "modern js development stack" and the cycle fuels itself.
Then when you need something all you can find is shit because good luck finding the jewels through all the muck.

File: 1492978086335.png (579KB, 590x835px) Image search: [Google]

579KB, 590x835px

Heroku question:

Why do they mention the price of a dyno is "prorated to the second" if you can't force a dyno to sleep like the free dyno does automatically?

I mean you're going to pay 7$ regardless of activity for the "hobby" dyno.

>>60706125
You're overexaggerating

>>60706018
I'm working in RoR - frontend + backend. We've done so far a web lottery, a shopping site (discount Amazon), and now are doing some shady currency trading site.
We write both frontend and backend simultaneously as it's just easier this way, given the data you're presenting on a page is always retrieved from a DB, which is something backend does.
Backend allows you to prepare the page you're about to send to a client and edit it according to the content it'll get instead of working voodoo magic with javascript/CSS and multiple fallbacks. Snippets work wonders and make your life easier, seriously.
Frontend is used for displaying the page and for shit like "I can scale up parts on an image by moving my mouse over it" (like on Amazon, for example). Doing the work of backend in frontend is stupid as it'll only create you more problems in the future. The most common example of that would be a window.location.replace()/href() instead of just linking to a controller action - not only that opens up more opportunities for making shitty mistakes (as you have to know when to use which) - it makes your code less intuitive and readable for anyone who's going to work with it later, including yourself.

Sometimes it's fine to use cookies to store something that honestly should've gone to backend, but these are niche cases - for example, you can store a guest customer's current cart in cookies to remove some stress from the DB as those fuckers always get their cart full of shit they'll never going to buy anyway. Though, as soon as they proceed to the actual buying operation - everything must be moved to the backend and all the info left on the client side is a hash for their session.

We had the main screen of our lottery done mostly via frontend - creating lotto tickets, picking numbers, a bit of animation. However, we still had ajax requests to save info on the backend to track the progress. Also, storing thousands of tickets in cookies is stupid.

Speaking of PHP, are there actually good lightweight frameworks/library without dependences that actually make your life easier doing the general stuff ? (encoding to html, wrapping retarded gimmickys PHP functions)

Simple as without irritatingly long class names prepending every single thing, just giving dependable functions I can use so I don't have to deal with PHP's quirks.

Something that is fun to use, like redbeanphp, which is even compiled to a single file, because the developer is not a fucking cunt. All libraries should be like that.

Am I shooting too high, am I not ?

>>60700837
What am I looking at? A modal? Is this what makes you guys hard? Wow, why is this whole industry so boring?

>>60701785
I feel fucking infuriated that I don't find any pleasure in this type of job, especially when it seems that everyone likes it and there are so many opportunities in my area. Fuck.

>>60706403
it's literally in the post. does reading bore you too so you don't do it?

>>60700837
Eh, it's better to have one than not to, I guess, but this shit was easy to implement anyway, so the amount of hype here is negative.

I am used to using bootstrap's grid system, but currently using display:flex.


Anyone know I might have TWO items in each row?

>>60706452
Yeah, I visited the link, smartass. Like I said, it's pretty much a modal, blurred and darkened background and all that. Big deal. Very interesting shit, indeed.

>>60706495
I haven't used flex, but I doubt it's that different from getting two inline divs into a block div.

>>60706505
where did I imply that it was interesting? I was just pointing out that's it's going to be overused in the near future

>>60706495
http://jsfiddle.net/oq6prk1p/645/

>>60705682
Thanks!

>>60706311
He is not. Modern web development is most accessible and popular field and because of that filled with idiots who have no place here. They love startup culture what means bleeding edge and non-enterprise shunning a lot of mature and superior technologies just because they are not "cool". Real experienced developers tend to stay away from them leading to lack of criticism and through that empowering their delusions.

i have a function in java that takes an input file and spit out an output file

my web is written in nodejs, how do i make use of my java??

>>60707046
option 1)
build a .jar file that executes the function on a specified file when launched and then call it from node

var exec = require('child_process').exec, child;
child = exec('/usr/bin/java -jar /usr/bin/somejar.jar --doShitToFile /path/to/file.ext',
  function (error, stdout, stderr){
    console.log('stdout: ' + stdout);
    console.log('stderr: ' + stderr);
    if(error !== null){
      console.log('exec error: ' + error);
    }
});

option 2)
use https://github.com/joeferner/node-java

Why hasn't the new ecmascript6 implemented strict types like in typescript?

What program do you guys use to make websites in?

>>60708526
Ruby on Rails
MySQL
Chrome
Sublime Text

I can't ssh into my server nor is it responding to any http requests.

Yet I can ssh into it via my VPS provider's control panel and nothing seems to be disabled (relevant ports open, no unauthorised access). What gives?

>>60708526

are you talking about a language or a text editor/IDE? I just use sublime and javascript/php/sql

the program doesnt really matter, you could use notepad if you really wanted to be _edgy_

javascript is so fucking confusing with trailing (dot) holy shit

>>60708932
pretty sure your host offers ticket support for situations like that mate.
Not like we have crystal balls here.

>>60709224
>trailing (dot)
what are you talking about

>>60709242

someObject.dosomething().ohwaitAnotherThng()

also the fact anything can do everything is fucking ridiculous it hurts my brain to read a code because i don't know to what the hell someObject is

the fact that it doesn't have structure doesn't help

>>60709280

it's just OOP based off the DOM

also i dont know what you mean by "anything can do everyhing"

>>60709280
how else would you access object variables.
If you want better readability put it in multiple lines maybe

let someVar = someObject.dosomething()
someVar.ohwaitAnotherThng()

>i don't know to what the hell someObject
sounds like a problem with naming, rather than anything else.
Can you post an example of another language, where that problem doesn't exist?


t. beginnerNoob, so my opinion isn't worth much

I want to start with web dev. I have used HTML and CSS empirically before to edit and style some pages, but after doing that for so much I have grown to like it a lot and I want to begin learning from scratch.

I have completed most Code Academy courses, but they're very lacking in more depthful details. So I've read about 'The Web Development CodeCamp' and the Upskill web dev codecamp around, are those any good?

I also have FCC in mind, but I think I got overwhelmed by how many sites there are to learn, I just want to learn properly and not half-assed courses.

>>60709416

html/css and codecademy aren't going to teach you full stack

that stuff is for 16 year old girls who want to "kode" wonder woman stuff.

learn how to write a CRUD app from scratch. Front end is like 33% of web dev, the other 2/3rds is back end and security.

>>60709416
html and css is for static pages, you need to know javascript for front end scripting, sql and some back end language for server development

so pick one back end language, find some getting started tutorial for it, mess a bit with relational databases then either follow other courses on whatever site like you've been doing or try to realize a small project and look stuff up as you go along

>>60709447
That's why I was asking. As I am someone who reads opinion first before downloading/starting something. Since leaving things mid-way makes me want to kms.

I am interested, really. I just don't know where to start, with so many sites and what not.

>>60709517

it doesnt matter, start somewhere. Re-create a shopping cart or a 4chan clone. The first thing i did was create a list of fake people and you could add someone to the list, remove them, update their info, etc.

>Reminder that ASP is pratically the grandad of nodejs

should local apps run on https? ive created an app at work that just the internal staff here uses but not sure if it should be https or not. There's important data in the databases but since its internal does it matter?

File: Pair_programming_1.jpg (1MB, 2048x1536px) Image search: [Google]

1MB, 2048x1536px

>https://en.wikipedia.org/wiki/Pair_programming

>Pair programming is an agile software development technique in which two programmers work together at one workstation. One, the driver, writes code while the other, the observer or navigator,[1] reviews each line of code as it is typed in. The two programmers switch roles frequently.

Does this really happen? If a job description says 'agile', are they going to make me do this? It sounds horrible.

>>60709517
start by learning how to program if you don't know
then once you're tired of making shitty command line fizzbuzz and number guessers or whatever look into what framework you need to run your language on a server, learn how http works and basic sql
find out how to make your server take forms you send it into the database and then print them on html pages
then learn how to use js to bloat your site up, send asynchronous requests and whatnot

better start using vanilla js and the most basic server side framework you can find for your language and switch to fancy more efficient frameworks afterwards, that should give you a better understanding on how shit works

>>60709601

it would be great for entry level programmer to learn from someone more experienced

if you truly want to be left a lone at all times being a developer, you probably want to work from home

>>60709601
We do it. One guy gets to browse reddit on the phone and we switch after like an hour or so. If a manager wants to butt in we tell them to fuck off and it's their own goddamn fault we switched to scrum and now priorities change every two fucking weeks fuck me jesus christ what the fuck can't a nigga focus on one fucking task and design it properly and not refactor every 10 work days nigga fuck offffffff

>>60709601
Great for code reviews and bug fixing.
The cognitive load of writing the code and reviewing the code needs parallel processing which the human brain can't handle.

>>60709601
agile just means short development cycles, they probably won't make you pair program

agile means you pick a few basic features you are going to implement over the next 1-2 weeks, maybe have a short meeting every morning where you decide what you'll do for the day
at the end of 1-2 week period you decide what's next, aiming to end up with a somewhat functionnal and add incremental changes over time so that you have some minimal functionning program at any given time

>>60709734
This. Agile is recent as described.
It comes with some overhead though, especially if you're developing internal software (i.e. for the business) in that you have to meet with business analysts to understand the requirements and score/estimate the piece requirements.

>>60709601
It's good for when someone calls out sick, too. If only one person wrote a bit of code and didn't provide any documentation or have it make sense, it could be a pain figuring out how to use it or what it even does. At least one other person will know, since they had a hand in developing it. Assuming you're remotely sociable and it doesn't turn into nothing but backseat programming, it's pretty cool. It helps ensure that you're writing code parsable by someone else as you're writing it.

File: 1485889119752.gif (8KB, 645x773px) Image search: [Google]

8KB, 645x773px

>he's not an asynchronous developer

>>60709951
I recently got into an argument with someone who claimed that using async (in general, but specifically C# and JS) doesn't spawn another thread.

>>60710030
client side js doesn't spawn threads
it only gives the illusion to do so by storing the callback execution context and returning to it later or something right ?
or should i start shitting in the streets

File: bars.jpg (17KB, 600x315px) Image search: [Google]

17KB, 600x315px

>>60688998
How do I connect my front end to my database? I'm using node with sqlite to build a crud app but I have no clue how the server can connect the two sides and serve the files up. Any decent tutorials on this kind of stuff?

Yes, I am stupid.

>>60710100
We were discussing the server side, but now that you mention it I don't know about client side.

I should rewatch this very informative demo every few months but who the fuck has got time for what when you're hacking on shit.

https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/

>>60710100
>the callback execution context and returning to it later
And where do you think it exists while you're waiting for a callback?

>>60710145
It's (possibly) not that straightforward, see my microtasks, queues and schedules link above. The JS event loop is a single thread, with levels of tasks.

>>60710129

this is what i do

try
{
    $dir = 'sqlite:/SQLite3/muh_database.db';
    $dbh = new PDO($dir);
}
catch (PDOException $e)
{
    die("could not connect to database: " . $e->getMessage());
}

File: 1494385225680.gif (2MB, 270x188px) Image search: [Google]

2MB, 270x188px

Americans, particularly Midwest Americans, where do you search for jobs? I'm at 6 months at my first developer job and horrifically underpaid

>>60710145
i guess on the heap or something

>>60710129
I'm only hacking on my site at the moment and it's my first node project but I'm using express to host the server and route requests to endpoints/pages, and in the definition of those pages I'm writing the loging that connects to the db.

i.e. user browses to http://mysite/dashboard
I define a GET route for /dashboard using express, do the db call to get the relevant data, then pass that data to a templating engine (in my case handlebars) which renders the HTML using the data from the db.

There are layers in there to do with sessions that I've left out. This guy has some really useful tuts around node and redis (for sessions).

https://www.youtube.com/user/TechGuyWeb/videos

>>60710161
I see, but let's say I have a form that requires the client enter some information served. Assuming the data is [Name, Age, Foo, Bar], what does the flow of data look like. Server -> Form -> Server -> DB?

>>60710235
>in the definition of those pages I'm writing the loging that

in the definition of those pages I'm writing the LOGIC that

>>60710240
Client enters the data, you use an AJAX function that takes the data, passes it to a POST route on the server and then replies with a JSON payload with the requested info or a redirect

>>60710240

>form submits
>back end language checks it, manipulates it, does whatever with it then stores it in database

>>60710235
Interesting, I never thought about making the HTML content responsive to the actual db. And thanks for the link, I got it saved for reference!
>>60710271
Thanks, I think I'm starting to get it!

>>60710175
You're probably better off staying there for at least two years. This is what people want to see on a resume. Sometimes you can't even get your foot in the door without it.

>>60709601

But it's pretty great, t.b.h.

>>60710240
-> user agent gets /form.html
-> server serves /form.html
-> user fills form, presses button
-> client side js sends form data to post /formdata
-> server picks data up, sends it to db

-> user agent requests get /formadata?name=anon
-> server looks db up for form data with corresponding name, gets result and serves it in whatever format

>>60710338
I'm still going to apply for more jobs and try to get a better one. No reason to *not try*.

You're right, that would look better, but I want to get paid.

>>60710360
I would knock-up a UML sequence diagram but I'm too drunk.

>>60710416
ye fuck uml

>>60710464
fuck u UML is best

>>60710159
>>60710202

I actually was wrong here. Async and multi-thread aren't the same. Javascript can work asynchronously, however, normally it's single threaded (there are ways to make it multithreaded nowadays, though). In C# async/await are a bit more complicated, but ultimately it'll stay synchronous unless you'll tell it not to by entering ConfigureAwait(false) - then it'll grab available threads for the tasks.

>>60688998
Best SQL database?

>>60710581
posgres

>>60710581
No MySQL

Does anybody have a good book on servers, HTTP protocols and all that other stuff that a backend guy should know but is not really part of any language in particular?

I have 2 wordpress sites like this

site.com

site.com/test

can I move all the contents from /test, to site.com without breaking anything?

>>60710672
>without breaking anything
Don't know a thing about WP but you'll break the links to the /test domain at the very least

I have my review in an hour.

I'll either get a raise or be fired.

I'm the only one of the new guys getting a review, but I've been asking for one.

>>60710718
>I have my review in an hour
If you're browsing 4chan at work you should probably be fired.

>>60710744

non sense, i browse the programming threads on /g/ every day. Usually programmers keep their jobs if they know what theyre doing.

>front-end
>developer
pick one.
I don't know how can anything be bigger pain in the ass then aligning shit in css you front end homosexual designers do

>>60710744
>Not setting up a virtual machine on your job's iMac and playing tree of savior while pretending to be working on a client's site.
>Not just using a bunch of templates and plugins to hack it and deliver the site just in time.

senpai im too retarded, i wrote a code in java that does image compression but my website is written in nodejs pls spoonfeed me what i should do

>>60710802
Front end developers do more than that, nowadays they need to know decent javascript to make sites with nice, sleek animations since that's what wows clients the most.

>>60710802

i write functions all the time that take less time to write than fucking around with CSS. HTML5 is bretty cool tho

>>60710771
>>60710807
Thanks for proving me write :^)

Anyone ever supported google amp before?

Is there a reason to not make my website only using amp if I can?

>>60710581
Why do you care?

>>60710802
>designer
>developer
Pick one

File: 1494447211496.jpg (9KB, 248x233px) Image search: [Google]

9KB, 248x233px

>>60710837

>proving me write
>write

>>60710847
I avoid amp links like the plague because fuck google thats why. Also your users cannot get to your site from the link. """"Digital/social marketing"""" tards will say it's necessary. If you hired them you're already fucked.

>>60710891
>Also your users cannot get to your site from the link
What did he mean by this?

>""""Digital/social marketing"""" tards will say it's necessary.
I want to rank on google

>>60710891
>He doesn't want to rank on the biggest search engine
>He doesn't understand even rudimentary functionality of AMP

>>60710907
>I want to rank on google
Hi """"Digital/social marketing"""" tard.

Follow an amp link and then try to find another article on the same site

>>60710855
designer = front-end "developer"

>>60710933
Let me guess, the sites you SEO for ask you to make them popular for "FUNNY COOKING IMAGES" and "EASY CHEAP COOKING RECIPES"

>>60710933
I agree with this guy.
>>60710891 >>60710943 is retarded.

>>60710957
if u know how to make a function in javascript that doesn't make you programmer.

>>60710957
No it doesnt.

Those are literslly web designers and they make half what a front end dev makes

>>60710988
if you know how to make javascript function and use jquery/angular/react library that doesn't make you a programmer.
It's literally stuff for kids, I worked as fullstack developer and it was horrible to do front end with hipster faggots

just like make website.

stop argue

>>60711027
UX/UI is nothing like writing server side POST/GET APIs

>>60711027
What exactly are your grievances? Do front end developers make more than you? Why are you so asshurt over the title of their job?

>>60710957

>designer
>front end dev
>back end dev

usually a designer is the one coming up with frame wires of the app/site. Handles the graphics and animation design. Uses Adobe products, etc. Maybe even draws some mock ups. Front end dev writes the code that brings it to life in the web browser. Back end dev deals with all server side stuff and databases. Knowing both front end and back end makes you much more employable.

>>60711059

forgot to mention art psychology and color theory. A lot goes into design.

>>60711059
And being good at all 3 makes you hyper-employable.

It is very rare. Obviously not talking about shitting out bootstrap sites, but designing around ease of use and making things look amazing while monitoring user experience and making adjustments.

I hate design. Cant do it for shit and those designers are actuslly underpaid.

>>60711027
They are both easy.

Only difference is backend has to worry about server load and does db stuff.

Thats it.

>>60711189

ive known designers who were def not underpaid. It was big marketing and branding for well known companies though. Generally programmers will make more by default. Functionality is the main thing. Look at 4chan and craigslist.....shit designs but incredibly successful.

Hobbyists do both the front and backend.

0 doggaroos starting

So I'm using preg_replace to parse some json content for my site. Now this works great, its pretty much a one-liner and I don't have to deal with json decode and useless arrays. The issue I came up with is I need to get a number in the json string, and then I want to replace that number with a word in an array. I'm a php novice so I hacked together this, but obviously that's not going to work since $1 is not actually defined anywhere unless its inside of pre_replace, and if I try to use $number = preg_replace etcetcetc then I get all of the json content and not just the number.

If anyone was able to understand that how would I solve my issue?

function parseNumbers($content) {
    $pattern = '/\"number":"(.*?)"},/is';
    $replacement = '"number":"'.$somearray['$1'].'"},';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;

}

>>60711403
I'll preface this by saying that I don't use PHP.

Regex is very useful and I've (ab)used it plenty of times but my advice is to use the JSON libraries available to you.

>>60710957
I'm full stack but spend a lot of time on front end work
We have a team of designers who do layout/CSS bullshit. Once I complete functionality I hand off the project to them. I don't touch CSS.

new thread
>>60711471

>>60710672
I was reading about that just now. You can leave everything as it is and alias or redirect one site into the other, depends on which server engine you're using

>>60696112
ES5 is great in comparison to ES6. ES6 gives you too many ways to fuck up, like 6 ways to declare a function.

>2017
>writing webshit in anything but werc
do you enjoy suffering

I see all of the resources but as a total beginner I just downloaded
>notepad ++

Which site should I check out first? I only have basic HTML understanding.

>>60712454
mdn

>>60712454
just to begin writing shit with HTML/CSS notepad is more than fine. Even js, at least your first few-liners can be done there. When you want to start a real project though you WILL need some sort of IDE, but that's months ahead.

Also, using any non-autocomplete IDE, pay tons of attention to your spelling mistakes. An IDE will autocorrect those, but you could spend hours banging your head against the wall on notepad because you declared
>var really_long_list_of_stuff_to_process
and then when you called it again you wrote
>realy_long_etc...