[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

/wdg/ - Web Development General

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 317
Thread images: 35

File: 1496845010511.png (731KB, 824x553px) Image search: [Google]
1496845010511.png
731KB, 824x553px
>Getting started
Get a good understanding of HTML, CSS and JavaScript.
MDN web docs offer a good intro (independent of your browser choice)
https://developer.mozilla.org/en-US/docs/Learn

>Free online courses
https://www.codecademy.com/
https://www.freecodecamp.com/
https://www.bento.io/

>Roadmap
https://github.com/kamranahmedse/developer-roadmap

>Resources
https://developer.mozilla.org/en-US/docs/Web - General documentation for HTML, CSS & JavaScript
https://stackoverflow.com/ - Developers asking questions and helping each other
https://caniuse.com/ - Check browser support for front-end web technologies

>Youtube channels
https://www.youtube.com/user/TechGuyWeb - Traversy Media
https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ - freeCodeCamp
https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q - funfunfunction
https://www.youtube.com/learncodeacademy - codecademy
https://www.youtube.com/derekbanas

>in-depth comparison of VPS hosts
https://www.webstack.de/blog/e/cloud-hosting-provider-comparison-2017/
>>
>>61935534
Either I am IQ 62, either this does not work. Have you tried it on your own?
>>
How can I make my web dev job more fun?

Currently listening to rogan podcasts and watching twitch streams.
>>
>>61935528

https://www.kickstarter.com/projects/performancepractice/los-angeles-exchange-lax-festival-5th-ed/pledge/new?clicked_reward=false&ref=home_featured

> 12000 lines of CSS
> 55000+ lines of JS

How does it even get that bad?

It's my job to write a webExtensions add-on to get this shit to work without running proprietary Javascript

All I need to do is get the forms to submit payments to work. How do I even?
>>
>>61935573
Did you include jquery in your document?

What does the console say.
>>
This is going to sound completely retarded, but I'm somewhat new to web development.
how does one develop a web application with a LAMP stack and apache that is in the root? Currently I'm using Atom and I don't want to grant Atom superuser permissions.
>>
>>61935573
it's exactly what I changed the code to inside the script tags of the paste you posted
https://jsfiddle.net/texgf5h9/
>>
>>61935628
He probably doesn't have jquery in his document or has the script in his head tag or something.
>>
>>61935709
it's based on
>>61935190
>https://pastebin.com/s6S3RHqy
I just changed the code in the script tags, so it should be fine I think
>>
File: Ass_Play.jpg (64KB, 760x900px) Image search: [Google]
Ass_Play.jpg
64KB, 760x900px
Repeating my question that was like the last post in the other thread. Going zero to hero in webdev, is my best bet starting out to just work through freecodecamp?
>>
>>61935784
it's not the worst, depends on the ability you have already though
>>
Could anyone recommend any excellent JQuery/JS video tutorials?

I have all the generally recommended channels bookmarked, just wondering if anyone knows any that have a particularly good JS/JQ tut.

Thanks!
>>
>>61935827
I'm familiar with programming and concepts in general. I've made a few things in Ruby and Java over the years, ie IRC bots and shit Android apps.
>>
>>61935784
if you spent time actually getting into learning webdev instead of reposting this in every thread you'd have at least a dozen nice sites already desu
>>
File: puyo.png (23KB, 272x256px) Image search: [Google]
puyo.png
23KB, 272x256px
How does /wdg/ feel about external links opening in a new tab? I've seen arguments for and against it.
>>
>>61936010
depends entirely on context
>>
>>61935598
Why do you need to not run the javascript btw?
>>
>>61936379

it's non-free

it's less stupid than it sounds
>>
>>61935619
Nevermind. I figured out that I need to edit some config files to change the DocumentRoot.
>>
>>61936397
just run it completely sandboxed, it can't do anything to your computer. What about the next massive javascript ball on the net you find, you gonna rewrite that too?
>>
>>61936397
>it's less stupid than it sounds
ummmmmmm
>>
>>61936010
preferable in most situations. Fuck devs who make you lose your place on a page.
>>
>>61936418

That's not the point, you foolish webdev
>>
>>61936613
okay, then what is the point?
>>
>>61936636
he's a memer who buys into /g/ shitposts that's the point
>>
>>61936613
keep in mind, I've been using linux for almost 10 years out of principle of having control, and being able to modify my machine, but even I think rewriting code for javascript on random websites is insane.

Seriously if you just use some addons you can block any malicious requests or modifications to your machine. The code on the server is inevitably closed source anyways.
>>
>>61936703

Who cares if the servers are running closed source code?

>>61936636

not running non-free code on my computer
>>
>>61936838
k have fun with that. Hope you enjoy rewriting literally ever website you want to visit ever.
>>
goddamn FUCK web development. why are there 8000 ways to do everything? why are there 250 different frameworks, libraries, server side languages, tools, etc...? I have NO IDEA what I'm doing. People always shit on web devs, but I would take any other area of development over web any day of the week.
I just want to send a goddamn json to a server, get my access token, interact with their fucking API, and be done.
>>
>>61937450
Fucking this, I hate this shit so much.
>>
>>61937450
yeah I agree that there is an over-abundance of frameworks and that there is a bubble of trendy cult-like hipster trash but why not just stick to one stack and not give a shit about anything outside of that stack? Call yourself a MEAN stack developer or whatever and be done with it.
>>
Best place to learn PHP? No memes about PHP being shit please, I'm looking to get employed in webdev.
>>
>>61937506
I'm trying to keep it as simple as possible and I'm still struggling. I've been developing for years but barely any web work. I have ZERO interest in web development (even though I know it's almost impossible nowadays to get a job that doesn't have some aspect of web). It's a "code test" for a stupid internship that I don't even want that much that involves interacting with their API.
>>
Should I use bootstrap in the web app that I'm developing or is there some other fancy framework that is used nowadays?
>>
>>61937450
>why are there 8000 ways to do everything?
how is this a bad thing
>>
>>61937658
bs is still the gold standard
>>
>>61937658
vanilla javascript
>>
>>61937808
found the PHP developer
>>
>>61938579
Actually I don't really like php. It's just so strange that there are autists on this board who actually hate choice.
>>
>>61939048
choice is generally good, but together with it also comes fragmentation. You now have lots of ways to do the same thing, with no specific path being particularly the only correct one.

Fairly certain, that choice of tech is more often than not just whatever you randomly picked when you started out, because in the beginning you have no clue about what even half of these things are.
>>
>>61939292
Not all tech is created equally though and they absolutely don't do the same thing. React and Bootstrap aren't different choices for the same problem, they're different problems. And yes, people do compare R & B -> https://www.reddit.com/r/web_design/comments/1qqrhy/bootstrap_vs_angularjs_vs_react_when_to_choose/
A lot of the "choice" that fags around here whine about isn't really a direct comparison. It's a mistake a lot of beginners make because they don't understand anything. Hence people asking useless shit which language is better.

But alas, it's easier to whine about choice than it is to acknowledge one's incompetance.
>>
File: Untitled-2.png (980KB, 500x500px) Image search: [Google]
Untitled-2.png
980KB, 500x500px
Official Discord server:

https://discord.gg/wdg
https://discord.gg/wdg
https://discord.gg/wdg
https://discord.gg/wdg
https://discord.gg/wdg

JOIN --
>>
>>61939387
kys senpai
>>
File: _reeee.jpg (27KB, 540x540px) Image search: [Google]
_reeee.jpg
27KB, 540x540px
Listen up whenever you start a new /wdg/ general thread post the fucking Discord link you window-licking mongoloids.

It's not that hard, it's literally discord.gg/wdg.

Fucking do it next.

Cunts.
>>
Redpill me on PHP
>>
>>61939453
I don't encourage this sort of frogposting clique aggression from you lot.
>>
>>61939464
It's not that bad, unless you do dumb shit with it.
>>
I need to bring up the massive amount of xss vulnerabilities and lack of server side validation in this company's site, but I'm pretty confident that in just going to get told that the field lengths in the DB are too short to script anything bad, and db datatypes and client validation are good enough to enforce data consistency. I'm no expert, but I'm pretty sure that's the wrong mentality but I'm not sure how best to argue against it.
>>
>>61939475
Define 'dumb shit'. I'm moving on to PHP from Javascript now and would like some ideas of what not to use PHP for
>>
>>61935582
make porn site and call variables after christian figures
>>
>>61939526
Stick to PHP7, and anything that involves Symfony/Laravel and you will be fine. Here's some reference material.

http://www.phptherightway.com/

Have fun.
>>
>>61939387
kys
>>
>>61939387
>>61939453
stop spamming your shit discord server
There are other places you can go to if you so desperately want >muh usernames
>>
>>61939593
Thanks bro. Is the official documentation on php.net ok too?
>>
Give me interview questions for a frontend position that requires knowledge in django, angular, and design patterns. Maybe some database management in MongoDB.
>>
>>61939761
how does one use a search engine
>>
>>61939729
Yeah that's good too.
>>
>>61939772
Well that's an easy one.
>>
>>61939761
What are your hobbies?

This question threw me off guard. I prepared for everything technical but not this.
>>
File: LS Autism 101.jpg (127KB, 960x720px) Image search: [Google]
LS Autism 101.jpg
127KB, 960x720px
>>61939818
clearly not LMAO
>>61939938
>ezest softball question
>I WAS NOT PREPARED DOOD
Living With Autism.
>>
>>61939960
My hobbies are launching apps and websites.

I didn't want to seem like a workaholic.
>>
File: 1498901185704.jpg (68KB, 699x485px) Image search: [Google]
1498901185704.jpg
68KB, 699x485px
>>61939627
We have 2100 members and minimum 350 online users every day.

And tens of active users.

So, don't you think we are little more representative of the /wdg/ community than one single voice (your self)?

Anyway, if anyone wants to join for advice or just to share their work, feel free to do so and enjoy the bants.

https://discord.gg/wdg
>>
>>61940011
>So, don't you think we are little more representative of the /wdg/
>frogposting is /wdg/ now
cya folks
>>
File: dc.png (71KB, 745x640px) Image search: [Google]
dc.png
71KB, 745x640px
>>61940011
What is it you would like? Genuinely curious here.
Do you want people to stop posting in the thread and all use the discord server instead?
Having both in parallel is utterly nonsensical.
>>
>>61939960
>"what are your hobbies"
>reading japanese powerpoints
>dev work
sounds like a good way to get immediately rejected
>>
>>61940011
jesus fucking die. post your faggot shit on reddit or something. This defeats the entire purpose of this fucking thread and website.
>>
>>61940246
>how are you
>well you know suffering from clinical depression i just jerked off 6 times already and it's only 9am, and i thought about my sister choking on my dick how about you?
you don't need to tell the entire truth babe
no one does
just saying reading novels and trying to read foreign novels works
>>
Is there anyway I can maintain similar alexa rank if I change domain?
And a related question, if I point domain to different how best to make this a seamless process for users, who mostly won't be aware of the change. Thanks.
>>
>>61941417
different server*
>>
lol just started my first web dev job. this shit is cancer.

>desktop developer
>learn 1 language, it does everything
>out of the box the language supports 90% of what you need

>web dev
>amalgation of 15 different technologies just to achieve same functionality of desktop app
>html an ugly shit written by a physicist and no one has bothered to replace
>seriously who the fuck thought it was useful to require <xmlns="http://w3.org/1999.DTD"> in every page?
>json so much better than XML, but industry fell for the XML meme
>elements shitty unintuitive names like a href div span, every fucking noun in web jargon is meaningless (WE HYPER NOW)
>most commonly used element is the fucking nothing element
>CSS standards slow to adopt anything needed, job replaced by each browser achieving functionality in a different way until the standards catch up
>instead of forcing idiot users to update their damn browsers developers bend over backwards to re-invent the wheel and implement new functionality to support old cancer
then there's....
GOOBERSCRIPT
>gooberscript a shit, so n-million libraries written to supercede a shit language with more shit (jquery) until the standard catches up

but wait, there's more!
HTML CSS JS isn't enough, we need server side page processing in tandem
>better port this gooberscript for server side scripting too! you wouldn't want to use something easy!
>fucking RESTful meme, all it means is you're using HTTP correctly, not like a fucking moron
>he fell for OOP derived MVC meme
>oh btw we need to support mobile devices now too

i'm pretty new so maybe i'm spewing shit out of my ass but what a fucking clusterfuck
>>
>>61942101
>maybe i'm spewing shit out of my ass
>learn 1 language, it does everything
Yep, you are. At least you have an ounce of self-awareness, most devs don't~
>>
I can kill myself or learn node
I actually don't know what to pick
>>
>>61942500
learning node
you'd probably fuck up killing yourself like you did everythiing else in life
node is relatively fuckupsafe
>>
>>61942500
is there a difference?
>>
>>61935598
Crazy idea, but have you considered installing gentoo?
>>
>>61937548
WAMP/MAMP installed locally.
php.net - literally the best documentation on a language
A project - member sign up site with register form and login
>>
>>61941490
If the domain name doesn't change, it won't matter, assuming there's no huge downtime
>>
File: 1494515799138.jpg (515KB, 2048x1536px) Image search: [Google]
1494515799138.jpg
515KB, 2048x1536px
>>61942101
>seriously who the fuck thought it was useful to require <xmlns="http://w3.org/1999.DTD"> in every page?
It's a magic number, my dude.
>json so much better than XML, but industry fell for the XML meme
You wish they had. Wait until you have to parse what contentEditable shits out.
>>
>>61943422
installing gentoo is hard.

npm install vue

is easier
>>
File: Captura.png (934KB, 1852x1011px) Image search: [Google]
Captura.png
934KB, 1852x1011px
>Put a text you want to save
>Save it with a key
>encrypted
>send the key and the link of the website to your friend
>he can see what you saved with that key

i thought it would be a good idea to practice what i've learned.
>>
>>61944721

What theme is that? Looks like some sort of Google material design-type shit. Super clean
>>
>>61944746
i made it with materializecss
>>
>>61943553
XML is an upgrade to the HTML 4.0 code with some scripting capabilities. Tons of people were using it but that was like 12 years ago atleast. HTML 5 gets rid of the need for XML. And smart people use smarter scripting backend languages like JSON, PHP, Java, C++, Perl
>>
>>61942101
If you don't like it make something better.
>>
>>61944802
>HTML 5 gets rid of the need for XML
I was going off on a tangent. If the industry had fallen for the XML meme, they would have fallen for the XHTML meme too, I could only hope.
>>
How the hell do i improve my React skills? I'm so shit.
>>
File: chrome_2017-08-17_03-13-24.png (754KB, 1362x1314px) Image search: [Google]
chrome_2017-08-17_03-13-24.png
754KB, 1362x1314px
Anyone familiar with MaterializeCSS able to help me with this issue.
It seems like my cards don't want to go into their rows because of a slight height difference.
>>
>>61946760
maybe do the flex box trick?
>>
>>61935619
use symlink.
>>
Is there anything like textbox.io but free?
>>
>>61947003
nevermind, found some alternatives.

How do i withdraw formated information from textbox editor to datebase (in my case MongoDB) to later on render it in a new post?
>>
Is self employment through web development easy?
>>
should i use post or get when im uploading a txt file to convert it to json?
>>
>>61947211
Not really.

If you do go for it then I recommend you make software for companies. Never make things for people. They want everything for free and complain constantly. They act like they are your employer even though they do nothing for you. Businesses will gladly dish out 10-20 grand for your software if it solves a problem.
>>
Anyone know a simple javascript function to spell check a small set of strings?
I don't need to spell check the entire english language
>>
Which is better for storing data in browsers, IndexedDB or Local Storage?
>>
>>61947211
Depends. If you have self control and discipline, it can be relatively easy, and that 'relatively' keyword is important, it's still going to be a fucking journey and a half.
If you struggle in school, barely do anything at home, etc. turning to web dev isn't going to magically make you an easy millionaire.

>>61947905
You're still making things for people when aiming for business clients.
It's much more important to NEVER devalue your work. Ever. Your time is important, and make sure it gets paid for. Do not fall for the free app/site meme. You DO NOT have the infrastructure to cope nor the wealthy investors willing to bankroll all that mess. In addition, when you have a dilemma between charging a higher rate or a lower one, go with the higher. Always. As long as you adapt, you'll be fine.
In regards to complaints, never listen to "potential" clients. Pay way more attention to paying clients but also realize that you can't just shove all features into your product/service, feature creep will kill you.
>>
>>61948791
They're both fine. Local storage is probably simpler to use. Unless you need features only found in indexedDB, I'd go with local storage. Local storage is also more widely supported than indexedDB last I checked.
>>
>>61940212
This thread gets pruned. So if someone posted an answer to your question and you didn't catch it in time, it's gone.

Whereas in a chat application, you can always scroll back to find your answer.

Plus, we have lots of learning resources, links. Nice code markdown, etc etc.

It's like a nice bar, where you can come everyday and have a coffee. Nice things.
>>
>>61940011

>enjoy bants
>on a sfw server

No thanks. kys
>>
>>61949153
Then wtf are you doing on /g/, because /g/ is also sfw.

You want gore and porn spam in a webdev server? Enjoy having to hide the tab every time someone walks in your room/office.
>>
>>61949132
literally repeating
>>61785883
>>61785936

Yeah, good for you if you enjoy talking to people on discord.
Trying to make everyone else do the same is completely retarded.
You wouldn't go around saying "hey guys lets all go to reddit. You can look up old posts and with these usernames it's so convenient to know who is who"
Or maybe you would
>>
>>61949288
Never been to reddit, so I've no idea.

You don't have to come. I'm just making sure, if anyone wants to join, they know where they can find us.

You can just ignore it, if you don't wish to join.
>>
Can you discord and anti-discord shitters please just kys
We get it, you're all lonely fucks trying to make a quick buck in webdev, but you don't need to ruin threads over that.
>>
>>61949425
this

Everyone just shut up about it. Discord is completely irrelevant to wdg, and shitting up the thread is not going to make people sympathetic to your desire to have more people.
>>
>>61949037
You need a really good and unique service for that.

You should start with ad-revenue and branch into pay4service additions eventually.

Being a paid service from the start is a bad idea unless you are targetting businesses. From my experience. Would be interesting in hearing your reasoning.
>>
>>61949539
I think those anons are talking about charging for the service of building a website/app. Lots of people will try to rope newbies into free labor if they can help it.

I'll address your question though because I have opinions. I think it's better to start with a paid service because ads shit up the user experience, and you don't necessarily want a million people on your alpha/beta project. It's easier to go from paid to free w/ads than the other way around if you change your mind. Think of your price as a nozzle on a faucet. If you don't have enough users, decrease the price, and if you have too many, jack them up. In the early phases of a project, you can do that much easier than later (because people expect shit like that to change), so it's better to sort it out in the beginning. Your first choice should be whatever's easiest to undo later, and that usually means starting it as a paid service in this case.
>>
>>61949539
>You need a really good and unique service for that.
No you don't.
>You should start with ad-revenue and branch into pay4service additions eventually.
There are many ways to go about it, but starting with ad-revenue is quite possibly the worst option. You're not going to make enough to actually cover any costs, ruining the experience for clients, and allowing clients to believe that the ads are helping in any way. And then going through the mess of introducing pay for services and trying to get clients to buy into it piece by piece is... yikes.

>>61949650
>I think those anons are talking about charging for the service of building a website/app. Lots of people will try to rope newbies into free labor if they can help it.
Yep, absolutely. Which is what I'm warning against. Avoid that free work. When fleshing out your own service/product, do not be tempted with hagglers and what have you. Set your price, and people will meet it. Granted, this is with the assumption that you've set your price at a very healthy rate.
>>
What are good resources to learn javascript?
>>
Does /wdg/ prefer solr or elasticsearch??
>>
>>61950662
best way is to just use it to create things and search for specific functionality when you need it. Start some projects and then you'll know what to look for on google.
>>
What is the best shared web hosting service /wdg/?
>>
I love looking over other people's code to work out how it all works. Feels like I'm a Soviet scientist reverse-engineering a nuclear bomb.
>>
>>61952450
ovh is fine, dunno if it's best
>>
File: express_directory_structure.png (29KB, 947x423px) Image search: [Google]
express_directory_structure.png
29KB, 947x423px
How would I go about implementing a 3rd party api into my node/express website? Pic related is the directory structure.
>>
>>61953311
>implementing a 3rd party api
can you elaborate on that? You want to query an API from your express server or you want to make something available to clients?
>>
https://pastebin.com/j6LaMMeu

Somebody look at my PHP login script and tell me why nothing is happening?
btw I know it's shit code. It's meant for a personal toy program, not going to be used for anything serious.
>>
>>61953390
btw this is all that shows when I view page source
>>
>>61953451
try and include die() after line 45
>>
>>61953649
Nothing. In firefox the page is blank. In Chrome I get a HTTP 500 error.

I have no idea what could be wrong. I even tried putting echo "hello"; at the very top of the script and still nothing.
>>
>>61953390
>>61953451
>>61953701
Nevermind. I'm a goddamn idiot. Look at line 15.
Why I wasn't using a linter or something god only knows...
>>
>>61953742

You mean line 14?
>>
>>61953383
Well I want to use the Blizzard api on my website and I want to be able to save json data that I import from the api onto a database. what would be the best way?
>>
>>61953842
You could use axios to query the API.
Then it depends if you just want to fetch new data in certain intervals or query specific data depending on some kind of user input.
>>
>>61954005
alright ill check it out
>>
Should I give a quote or ask for their budget?
>>
>>61953390
Why do you use getinfo when headerout is false?

I didnt think that was supposed to work.
>>
>>61954763
you should really have a default pricing structure that clients can add onto
but anyways giving a quote with the explicit ability to adapt to their budget is the better move i think
>>
File: 1420099814802.jpg (13KB, 250x239px) Image search: [Google]
1420099814802.jpg
13KB, 250x239px
is there a noteworthy performance hit when overriding one style with another?

say I have a master page that uses
*{
margin: 0;
padding: 0;
}


then in my content pages all the spacing is set manually. Will that cause any unforeseen consequences?
>>
>>61954898
Nope. Especially not nowadays.
However, if you're spending all your time overriding everything, maintaining that shit is going to be hell and it's just bad structure.
>>
>>61954895
But they want a facebook clone with a blog and 3 separated integrated APIs and a bunch of customized admin functionality.
>>
>>61954943
well it would either be that or using my own spans or classes to change the spacing anyway. I like using the html5 tags as it makes everything easier to read imo, but the extra spacing on the h[x] tags, paragraphs, body, ect...

It seems like defaulting everything to 0 and then adding spacing if I need it would actually take up less space than going into every tag individually and changing it.
>>
>>61954846
First time ever using cURL. I was also rushed.
Anyways, yeah that makes sense, I should have paid more attention.
>>
>>61955092
>First time ever using cURL
Well it looks good. Have you had to do any signing signature base strings yet?
>>
>>61955274
Nothing like that yet.
>>
>>61954992
that'll be $8.79
>>61955016
Yeah it's fine to reset.
>>
File: 1499034164719.jpg (45KB, 800x758px) Image search: [Google]
1499034164719.jpg
45KB, 800x758px
>tfw finally finish the unbeatable tictactoe after 2 weeks
>>
>>61955769
>spends 2 weeks to write the unbeatable tictactoe
why doe?
>>
>>61955795
freecodecamp
>>
Ok, so:

>design: $280
>Login system with oauth: $100
>API integration and design, registration: $200
>membership applications and admin approval process: $200

This look fair? I expect it to take me like 4 full days of work. Maybe 3 if everything goes good.
>>
>>61956192
plz respond
>>
>>61956192
niqqa who the fok is going to pay ou that much
>>
>>61956306
>pointlessly spamming
kys
>>
>>61956192
This is full-on retarded. You're supposed to have an hourly rate, and put together an hours-based estimate.
>>
>>61956404
I get paid that much regularly at work.

I am a good developer. My initial estimate was 5 grand.

They want a very complex site that many are incapable of making. Their current devs have been working for 2 years before scraping and giving up.

>>61956486
Noted. I didn't know that.
>>
>>61956538
Your contract rate should be around double a salaried rate.
>>
File: 1501987600052.png (753KB, 600x938px) Image search: [Google]
1501987600052.png
753KB, 600x938px
>>61956192
it's fine if you live in africa and are trying to undercut pajeet devs
estimate time needed, add 30%, take 40€/hr or something
custom oauth auth is technical stuff so you probably can ask for more if it is specialized feature
>>
>>61956723
40/hr is lowball btw but it probably depends on experience, where you live and all these commercial factors we all suck at like status of concurrence etc
>>
>>61956538
I do a lot of freelance and the general rule is do fixed only when you can compete it fast.

In regards of what you have to do, if it's going to be 4 days, charge by hour.

How many hours you going to put in this? What do you have to make?
>>
>>61936010
Without notice, not a good idea. However, if you're building, for example, an app that lists a lot of item, where each item has a custom, item-appropriate link, then it may be easier for the user to have that link open in a new tab. Even so, having some sort of notice (either the 'fa-external-link' icon or a tooltip), is still a good idea.
>>
>>61937808

>>61937450 , I get what you're saying, but I think you're thinking about this wrong: It's not that there's 8000 ways that you must know how to do something, but that there are 8000 ways you CAN do something. So if method A doesn't work for you, or you just don't like it, you try something else.

Of course, that's not to say that some explanations of how to use APIs just fucking suck.
>>
>>61942500
Do you know JavaScript? Then shut the fuck up and stop whining. Node isn't tough.
>>
>>61957215
It's hard to guess the amount of hours because there is a lot of different kinds of work going into it. I told him it would take about 6 months to completely finish the project.

It's honestly probably around an 8k website but I know they can't afford that.
>>
>>61956192
>$300 base
>$1000 UI research and design
>$1200 User systems and security
>$150/mo Maintenance
>+ additional costs for transfering ownership
and that's just for a bootstrapped site LMAO
>>
>>61957408
One of my first jobs was a real estate website in angular exactly like Zillow.

Got paid 300$ usd. Took way too much time.

One of my recent jobs was a refactor of a small project which displays charts and shit and it took 3 hours for 1000$ usd.

Not worth it.
>>
>>61957482
Why would you accept 300 dollars?
>>
>>61957408
Certainly hope you've got a technical specification, a contract, and a lawyer.
>>
>>61957551
I did it in about a week. Had to rewrite his shit backend.
Was rapidly completing contracts and wanted to keep it going.

I've done roughly 50 or so fixed and hourly contracts and made the same mistake of underestimating the workload about 4 or 5.
>>
>>61949521
>being this new

Jeez. I bet you weren't even on /g/ when the /wdg/ thread always had the discord server link.
>>
I'm changing jobs from a small startup to a big international company.

Any tips or recommendations? Seems like a casual work place but used to having my own office vs this open workplace shit.
>>
>>61949425
>any /wdg/ thread
>good
Pick one.
>>
>>61957766
this.

Let's add it back.
>>
>>61957806
Try looking for a small startup.
>>
>>61957811
What part of kill yourself did you not understand?
>>
>>61957833
You know the /wdg/ OP also used to have an IRC channel too?

See? You really are new here..

Nobody got upset when people were using whatever they liked more. Now all the kids are getting butthurt over trifling shit, just because they're major autists.
>>
Could somebody in layman's terms tell me what AST (Abstract Syntax Tree) is? Or even point me to literature where I can find out more?
>>
>>61957864
You know that /wdg/ and generals in general are trash threads, right? And that they only continue to exist because /g/ mods are shit and fail to ban the ninety percent of posters in this thread who are pure shitposters.
>>
>>61957819
Already took the job, pays a lot and close by.
>>
>>61957766
>>61957807
spend less time defending discord and more time working on your projects babes
>>
>>61957864
I took the IRC out around 8 months ago or so because the IRC nerds kept talking shit about discord and I was the one making all the threads at the time.

Happy to see it's dead now.
>>
File: t8GWOb7.png (789KB, 6272x4016px) Image search: [Google]
t8GWOb7.png
789KB, 6272x4016px
Hi. I know next to nothing about web development other than basic html.

I thought this would be the right thread to ask. I want a web page that uses the google maps API but for a custom map. I basically wanna make a scalable map out of pic related and just keep it as an offline webpage for now. What's the easiest way to do this?
>>
>>61958685
Then why did you remove the link to the discord server. We are actually trying to build a nice community and some ppl are just sperging over including a link.

Posters can decide if they want to join or not.
>>
>>61959419
I didn't. I left the discord in. Someone else took it out when they took over making the threads.
>>
Is there a good example of a website with a big image with stuff above the nav menu?
>>
New to web dev, just queryed an outside API for the first time, it feels amazing, I've wirtten something that can be modfied to search the entire ineternet and run some analysis on it. All this from one simple curl command
>>
>>61958943
Is this actually a Metroidvania because this map makes it look like one
>>
>>61961043
Game is called Rainworld. It's sorta like a metroidvania except it has really abstact mechanics where you need to eat food and then find shelter because you can only be out of the shelter for so much until a downpour of rain comes and kills you.
>>
>>61961267
That sounds simultaneously fascinating but also kiiiiiiiiinda frustrating?
>>
>>61961273
It's very frustrating. The game doesn't explain it's mechanics at all. All of it is told through abstract icons. It doesn't really guide you and on top of all that it's incredibly difficult.

But I can honestly say that it might be the best take on the "metroidvania" concept that has become popular in the last 5 years. It's very obtuse but it's a memorable experience if you can stick with it.
>>
Will any kind anon please tell me what in the fuck is wrong with my SQL?

Error:
Fatal error: Uncaught exception 'mysqli_sql_exception' with message 'You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''group', title, code, sdate) VALUES (?, ?, ?, ?)' at line 1' in /Applications/XAMPP/xamppfiles/htdocs/eot/ws_pages/show/subshow.php:31 Stack trace: #0 /Applications/XAMPP/xamppfiles/htdocs/eot/ws_pages/show/subshow.php(31): mysqli_prepare(Object(mysqli), 'INSERT INTO sho...') #1 {main} thrown in /Applications/XAMPP/xamppfiles/htdocs/eot/ws_pages/show/subshow.php on line 31


Code:
    mysqli_report(MYSQLI_REPORT_ALL);
$q = "INSERT INTO show_subshows (group, title, code, sdate) VALUES (?, ?, ?, ?)";
$stmt = mysqli_prepare($dbc, $q);
mysqli_stmt_bind_param($stmt, 'isss', $group, $title, $code, $date);
mysqli_stmt_execute($stmt);
$affected_rows = mysqli_stmt_affected_rows($stmt);
mysqli_stmt_close($stmt);
mysqli_close($dbc);


>$dbc is the database connection.
>$group, $title, $code, and $date are all from a collected $_POST and have been verified before getting to this point.
>'show_subshows', 'group', 'title', 'code' and 'sdate' have all been verified as the correct spelling of the various titles.

As far as I know this should be working just fine and the SQL should be spotless. I'm currently using the same exact code a few other places on my site and it's working just fine only difference is it's inserting to a separate table in the same database.
>>
File: av.jpg (87KB, 606x814px) Image search: [Google]
av.jpg
87KB, 606x814px
>>61961525
Apologies.

I continued working and made a second table with the same 'group' column name and this time around phpmyadmin bothered to warn me that 'group' is a restricted column name. Changed group to something else and it works just fine again now.
>>
>>61961525
>check the manual that corresponds to your MariaDB server version for the right syntax to use
>putting this text into every error

fucking mysql
glad I want for postgres and never looked back
>>
>>61958943
Seriously. How fucking hard is this. I've searched for a solution to this all day and I can't find anything.
>>
>>61935528

Really confused as to how I'm supposed to call on the value of an element in an observableArray in knockoutJS from any mouse click.

I'm trying to make my side navigation bar close if the user clicks outside of it and the toggle menu button has not been clicked.

The closest thing I've gotten is this.

JS
var viewModel = function() {

this.markerType = ko.observableArray([
{ name: 'About', active: ko.observable(0), type: 'about'},
{ name: 'Toggle Menu', active: ko.observable(0), type: 'toggle'}
]);

this.clickOutside = function(data) {
console.log($(this)[0].markerType);
console.log("foo", this.markerType.Symbol);

// How to access markerType[] and see if active is 0 or 1?

//console.log("foo", this.markerType[this.markerType.length-1].active.F);
//console.log("foo", this.markerType[this.markerType.length-1].active[Symbol("_latestValue")]);
//console.log("foo", this.markerType[this.markerType.length-1].active["Symbol(_latestValue)"]);
//console.log("foo", this.markerType[this.markerType.length-1].active.Symbol(_latestValue));
};
};

$(function() {
ko.applyBindings(new viewModel());

}
/code]

HTML
    <!-- detect outside clicks -->
<div data-bind="clickOutside: clickOutside.bind($data)">
<div id="mySidenav" class="sidenav">
<!-- X button (close Sidenav) -->
<a href="javascript:void(0)" class="closebtn" data-bind="click: toggleNav">&times;</a>

<!-- Create array of Sidenav buttons -->
<div data-bind="foreach: markerType">
<button class="nav-button" data-bind="click: $parent.navbtnToggle.bind($parent, $index(), $data)">
<div data-bind="style: {color: $parent.onoff[active()]}, text: name"></div>
</button>
</div>

</div>
</div>


This is the jsfiddle that I've been trying to duplicate but I still can't figure out how to get the observableArray...

https://jsfiddle.net/6zvv5jrr/15/
>>
File: 3453452452342545.jpg (68KB, 878x450px) Image search: [Google]
3453452452342545.jpg
68KB, 878x450px
I've been working on this website for 1 year now. Is there hope for me as a web dev?
>>
>>61959419
>We are actually trying to build a nice community
Then use the already existing thread instead of trying to force your "official server"
>some ppl are just sperging over including a link.
Why not include the links to all the thousand other dev communities. If I register "official-wdg-forum.org", should that be included in each thread?

Do I have to go autismo and explain what the appeal of anonymous chan posting is?
There is a reason why namefags are generally despised. It's people posting for recognition and attention.
Communities with nameposting inevitably leads to some group of elite faggots, that enjoy power tripping on their popularity and other idiots that like sucking up to them.
This especially applies to visible "mods", that enjoy complete authority and can ban you on a whim if you happen to disagree with them.
It's the exact thing people want to avoid.
"Who is who" can be inferred by context for the duration of a conversation. If you want a long term history attached to anyones name you wouldn't post here.

Not saying that identifiable users should never be a thing, but it's exactly why 4chan is frequented by many in the first place.
>>
>>61962966
depends on how much time you spent on it during the year.
Pretty good domain name if you actually own it.
>>
File: 1498934583280.jpg (27KB, 512x338px) Image search: [Google]
1498934583280.jpg
27KB, 512x338px
>>61962966
>Home NEW Timmy IS LOGGED OUT
>>
File: Screenshot_30.jpg (105KB, 1021x698px) Image search: [Google]
Screenshot_30.jpg
105KB, 1021x698px
>>61963890
>depends on how much time you spent on it during the year.
I would say between 1-2 months of 12 hour days. I have spent tons of hours trying to figure out how to do essential things like routing, structuring an API, form validation, and user authentication. A couple of times, I have had to redo huge chunks of functionality from scratch, because I was doing things in a bad way.

At this point, I have finally figured out those essentials, which I'm happy about, but there are a ton of other challenges ahead, including actually making the site production ready. I don't know wtf to expect for that.
>>
>>61964308
I'm hoping you were reading books on the subject with that time
>>
>>61961862
http://www.jacklmoore.com/wheelzoom/
>>
>>61964500
Even better
http://ignitersworld.com/lab/imageViewer.html#modes
>>
File: Screenshot_31.jpg (66KB, 290x652px) Image search: [Google]
Screenshot_31.jpg
66KB, 290x652px
>>61964417
The only book I tried reading in the past 12 months was Cormen's Intro to Algorithms to prep for a Google interview, which I failed miserably. It's amazing how I have a bachelor's degree in CS, yet know nothing. I didn't even learn how to make a crappy website in school, never mind anything else. I've had to do that on my own time after graduating. What a waste.
>>
beginner here, I'm trying to make something in Spring and I have thousands of images and I'm not sure where to store them

Will it make the deployment much slower if I put them in /resources?
>>
>>61964519
>http://ignitersworld.com/lab/imageViewer.html#modes

How do you get that fucking X in the corner of the picture modal? Inspect Element just shows an empty <div> with an "iv-close" class. That's not helpful.
>>
>>61964620
> .iv-close::after, .iv-close::before { ... }
>>
File: Screenshot_32.jpg (218KB, 943x543px) Image search: [Google]
Screenshot_32.jpg
218KB, 943x543px
>>61964647
I don't see shit, dude. Where does that X come from?
>>
>>61964620
>>61964700

that's actually pretty cool
two narrow ::before and ::after pseudo elements with a white background, that's rotated by 45degrees in opposite directions.

each pseudo element is one stroke of the X
Hover with your mouse and they should light up
>>
>>61964700
.iv-close::after, .iv-close::before {
content: "";
height: 4px;
width: 32px;
background: #FFF;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.iv-close::before {
transform: rotate(45deg);
}
.iv-close::after {
transform: rotate(-45deg);
}


imageviewer.css, line 35
>>
>>61964711
>Hover with your mouse and they should light up
Oh, now I see. THANK YOU. I have no idea what ::before or ::after pseudo elements are, but I will read about them when I steal this X for my own site tomorrow.
>>
>>61964620
I thought you would be more interested in the container mode.
>>
>>61964308
It shouldn't have taken you more than a month to do all of that, including testing. Use a framework next time because it handles all the small stuff and does it really well.
>>
>>61961525
You're still using mysqli, that's the biggest issue here.
>>
>>61964930
>http://ignitersworld.com/lab/imageViewer.html#modes

not every hoster supports pdo
>>
>>61937450
I agree. I can never decide either.
>Hmm, maybe react... but that's slow... I heard good things about vue2, but then again, no huge players use that shit... Angular 4 seems mature... but holy fuck is it bloated... Web Components? I'll have thousands of elements at my disposal The Polyfill for Firefox and IE is slow as a dog and weird due to non-emulatable features and it's incompatible with webpack... Marko by Ebay? Seems kinda nice... But nobody uses it...
Or something smaller like lit-html?

....
FUCK ME

I fucking hate this. Fuck this. Fuck all of this.
But I can't keep using jQuery or the fucking DOM api. No matter how hard I try, my code quickly EITHER turns into spaghetti that even I can hardly navigate or I poorly reinvent observable libraries.
>>
>>61964963
Get a new host.
>>
anyone using something like BEM, SMACSS or SUITCSS?
Did it help you in organizing your CSS?
>>
>>61939387
kys
y
s
>>
>>61965065
>>61937450
>>61937504
>being retarded

There are so many ways to do everything because web is:

1. very much still being figured out,
2. the most profitable major vertical in software,
3. a nexus between bleeding-edge tech and popular culture, making it the sexiest form of software engineering, and
4. simple to pick up and difficult to master.

I've got to assume that half of you mongoloids are from java or some other such hand-holdy bullshit, and the other half are full-blown band-wagoning noobs who don't know anything in the first place. Either way, don't blame the tech just because you've lost the plot. The great thing about the web is that to some degree it's still the wild west. What that means is that it's not gonna suck your dick until you've become at least half-competent.

The fact is that the web gets better every year. Any of the many possible solutions to a web problem are still very much valid, and we get more trimmed down, streamlined solutions all the time. Web has even gotten to the point where it's finally doing its part to undo some of the mistakes of software engineers of the past. It's showing a whole new generation of programmers that things like OOP, inheritance, and mutability are usually bad.

Kill yourselves.
>>
>>61937450
Just pick one. You guys whine about having options? Wow.
>>
I made a twitter bot using PHP.

My biggest obstacle now is adding twitter accounts and getting the API/Secret keys from the accounts and adding them to the database. My question is, is there an easy way to create the accounts and get the keys in batches without doing it manually? The API doesn't allow this.

My only thought to make this process easier is to make a script that sends POST requests to twitter to create the accounts, but I'd still need to manually login and get the keys for each.
>>
>>61965065
Then maybe webdev is not for you~
>>
File: 1502639204475.png (373KB, 1024x1024px) Image search: [Google]
1502639204475.png
373KB, 1024x1024px
>>61964530
school is supposed to teach you basic concepts, also bachelor lvl is pleb lvl
they should teach you how to make ui applications and how http werks not how to use latest meme js framework
you have to learn how to implement what you learn through internships, deep dive into basic concepts through research projects etc
>>
>>61964551
they will be bundled into generated artifact and make it heavier to copy around
if images are static web content and you using spring boot you probably should use static content folder tho
>>
>>61967132
>>61964530
School is useless for web. No good programs exist. Bootcamps are better. Self-taught is best.
>>
File: 1500143397817.png (11KB, 300x300px) Image search: [Google]
1500143397817.png
11KB, 300x300px
>>61966555
>things like OOP, inheritance, and mutability are usually bad
but that's false senpai
>>
File: 1453938422425.png (411KB, 406x585px) Image search: [Google]
1453938422425.png
411KB, 406x585px
>>61967223
>being unenlightened
>>
File: 1502829244994.jpg (51KB, 700x400px) Image search: [Google]
1502829244994.jpg
51KB, 700x400px
>>61967267
pls teach me
should i read sicp and use clojurescript for front end web stuff ?
i want to give this a try but this looks like too much overhead for basically glorified onclick handlers
>>
File: ba164f02a.png (363KB, 5000x5000px) Image search: [Google]
ba164f02a.png
363KB, 5000x5000px
>>61967192
Employment coach tells me I am delusional for thinking I could get into webdev without an IT university degree.
Basically all job listings say they are looking for someone with a degree, but I thought that was just some kind of meaningless phrase they put into every IT job offer.
From Germany if that makes a difference. Is it that different from the land of the free? I was always reading about people that self-taught for like 6 months or did one bootcamp and get hired without problems.
>mfw
>>
>>61967422
i thought all you had to do was display nice portfolio :/
>>
>>61939482
easy, write a 32 char xs script that fucks shit up and inject it, proof by exampl
>>
>>61967365
Well, as for the SICP and closurescript stuff, I would highly recommend to anybody interested in web to at least read through the re-frame docs:

https://github.com/Day8/re-frame

Just reading this readme will make you a better programmer, let alone actually reading through the rest of the docs or even trying out re-frame.

Regardless, no you don't have to do any of that junk. Just think about your code in terms of modules and pure functions. Implement those pure functions as cascading transformations applied to data instead of using complex control flow and many mutating variables. So basically get really comfortable with map, reduce, filter, etc., and chaining them together. Here's a simple example from a project I'm working on:

function availableQuantityForDate({ stockItem, arriveOnDate = new Date() }) {
const quantities = stockItem.quantities || [];
const targetDate = new Date(arriveOnDate);

return quantities.reduce((current, quantity) => {
if (new Date(quantity.available_on) <= targetDate) {
return current + quantity.quantity;
}

return current;
}, 0);
}


This is a pure function (with the possible exception of the default value for the date, which really should be some other static value), meaning that its return value is explicitly a factor of its arguments and nothing else and that it has no side-effects. This makes it an extremely simple testable unit. There is also zero mutation in this function, meaning that the values of variables (and their nested contents in the cases of data structures like arrays and objects) never change. All variables are const, and don't get modified in any way. Consequently, the function is incredibly easy to understand and reason about (assuming you are comfortable with reduce, which you should be), moreso than it would be if implemented using a loop.
>>
>>61967700
And to complete this thought, mutability is of course required for pretty much all UI applications, but it should be mitigated as much as possible to a centralized state system (redux, vuex, mobx, etc.). Mutation is ugliness, and ugliness should be very carefully compartmentalized.
>>
>>61967464
So did I, that's partly why I went with webdev.
Make a good looking portfolio with some example projects and employers couldn't care less about any degree.
So I am 50/50 on whether to trust her or not. Maybe I misjudged the hiring practices of different countries since all you read is pretty much US exclusive or maybe she is unfamiliar with that field.
I find it hard to believe, that the average web developer comes with a CS degree.
>>
>>61967422
>Employment coach
Here that's some shitty person to forces you to work at a factory or doing some other physically harmful job purely so they can get paid for 'employing' you even though that shit 100% won't last.

>>61967464
Understanding marketing is also v important desu
Also fun to learn
>>
File: 1495736829249.png (15KB, 344x135px) Image search: [Google]
1495736829249.png
15KB, 344x135px
>>61967700
>https://github.com/Day8/re-frame
>>61967750
Thanks for high quality insights homie
>>
>>61967422
>Employment coach
Sounds like a waste of money.

>From Germany if that makes a difference.
It certainly may. I don't know shit about the German market. Either way, it should mostly depend on the actual types of jobs available. Startups are very different from corporate or government jobs which don't really adhere to logic or reason.

>I was always reading about people that self-taught for like 6 months or did one bootcamp and get hired without problems.
This is definitely still the case in the US and California specifically, but not as much as it was in the past. The market is more saturated than it used to be, in large part because people are finally catching on that the web development industry is booming, because bootcamps are cheap and easy, and because some of those bootcamps are actually pretty decent.

Pretty much everybody in web development knows that a degree is meaningless. I've hired a whole team of web devs, and I never looked at their degrees. I know I've got an English major, three junior guys straight out of bootcamps, one of which moved into production and the other two still progressing but working out well, and I think two guys with actual CS degrees who were stuck working at a university IT department for like a decade. Even though they have degress, it's their experience that makes them more senior. Personally, I'm entirely self-taught.

>>61967464
>>61967801
What the fuck does a portfolio have to do with programming?
>>
>>61967882
>What the fuck does a portfolio have to do with programming?

>no degree
>send code repos and self hosted stuff along with cv
>employer notices that you can program and doesn't care that you don't have degree
but anon's ((coach)) is saying this is a delusion
>>
>>61967882
>What the fuck does a portfolio have to do with programming?
What else would you suggest then?
Could just link to github, but that seems rather lazy, especially if your job also encompasses frontend work.
>>
>>61967966
Don't you have repos with frontend work on your github profile? There's nothing inherently wrong with having a portfolio site, but saying that "all you had to do was display nice portfolio" is obviously stupid. The important thing is that you have lots of solid code samples to fill that portfolio with.
>>
>>61967192
Horseshit anon. There is some good web dev classes in austin community college. Other than that, I have no idea.
>>
>>61968076
absolutely agree with you there.
I assumed 'nice portfolio' already implies that it also includes some good code to show off to anyone who is interested.
>>
wtf are 'promises' in javascript
>>
>>61935784
So this is ok but posting a link to Pornhub get me banned from the disco *Reeeeeeeeeeeeeee
>>
>>61968885
It doesn't have a value yet, but it will eventually, I promise.
>>
File: current_situation.png (42KB, 1854x1056px) Image search: [Google]
current_situation.png
42KB, 1854x1056px
Why isn't bootstrap working with my express js application?
>>
>>61968996
Post code
>>
>>61968996
Looks like it's busted my man.
>>
>>61968996
Check console for errors.
View source to see if css is properly loaded.
>>
File: 1496930339948.png (200KB, 480x554px) Image search: [Google]
1496930339948.png
200KB, 480x554px
>>61968996
>why isn't my code working?
>doesn't post code
>>
>>61968996
I know exactly why.
It costs $499 for the solution though. Just for you, I'll bring it down to $249.
>>
>>61969337
>>61969293
>>61969195
>>61969097
>>61969052
I got it
>>
Is the mozilla javascript documentation good enough to learn javascript?
>>
>>61969442
yep
>>
>>61969442

That's the best place actually
>>
>>61969472
>>61969980
Is W3Schools good enough for a tl;dr for intro to javascript before using mozilla?
>>
>>61970353
No. Just read the wikipedia article or something. w3schools is garbage and you should never use it. http://www.w3fools.com/
>>
>>61968885
different syntax for callbacks
>>
Gonna redesign my personal website for the 103405934th time.
Freelance job when?
>>
>>61970721
You obviously have no idea what you're doing.
>>
>>61970811
Can confirm. Am clueless.
>>
>>61970721
Are you actually redesigning it or just shifting things around because you're unhappy with it?
If the latter, actually take time to sketch out a fleshed out design. If the former, stay away from fads, keep it simple stupid.
>>
I don't know anything security-wise. What should I use to hash passwords out of the dozens of different algorithms available?
>>
>>61964886
TESTING? They didn't teach me anything about testing in school, so I don't know anything about that and haven't done anything that I would call "testing". All I've done is debug by putting console.log() everywhere. That's all I learned how to do in school.

One of my big rewrites was doing the whole thing over in React/Redux, so eventually I did get there. It took me a long time, because Angular didn't look useful from early tutorials and Vue/React were impossible for me to set up.

I like React, because that whole component thing was basically what I was naturally trying to do anyway.

>>61964796
No, see, I'm >>61964308, and as you can see in the image, my X is a pathetic sack of shit. I'm also interested in that X, because it looks like I can use the same concepts to make a loading spinner for the sign up form after a user clicks submit.

>>61967192
Yeah, well. My Google interview had nothing to do with web either, but I failed that, so school was useless not just for web. But self-teaching has been my only help, so you're right about that.

>>61967132
>they should teach you how to make ui applications and how http werks
Nope. They taught me NEITHER of those things in college. Instead they tried to teach me what deadlock/race conditions were in at least 3 classes.

>internships
HA, I've been graduated for 1.5 years. Except for Google, NO OTHER PLACE has contacted me to let me interview for an internship, so how in the fuck am I supposed to get one of those?
>>
>>61971236
As it stands right now I have a list of things that I can do with a vague but well description of each (like SEO, branding, front-end design, etc), about page with my education and skills, portfolio page with 3 projects, and contact page.

I'm gonna condense it into a onepage website that's a bit more straight to the point starting with my education/skills, then portfolio items. I've seen a lot of really talented front-end devs with very basic personal websites, that should tell you a lot. Will post link here when I'm done (prob tomorrow).
>>
>>61968885
Who fucking knows, dude? All I know is...

import axios from 'axios';

// ...

axios.post().then().catch();


All I've needed to understand is that communicating with the server has to happen asynchronously. That means your website isn't going to freeze for 100ms while it gets data from your server. Instead, it's going to just execute the next stuff. You use .then().catch() to execute stuff whenever the server gets back to you, not necessarily in sequence with your other code.
>>
>>61971323

Testing is basically trying to break your website in as many ways you can think of, making note of errors as you go along. Load it on multiple devices (cross browser testing), try to break authentication/authorization protocols, etc.

I know how you feel about working. I graduated last August with a CS degree and since then I've only worked for 5 months (full-time) doing development/programming and 3 freelance projects. My degree is useless, shitty piece of paper from a university nobody cares about and probably never heard of. Wanna know the best part? My debt keeps piling up. College is a scam.
>>
File: 200_s.gif (30KB, 356x200px) Image search: [Google]
200_s.gif
30KB, 356x200px
Where are the good job boards to find work? I've got a tech support job that I'm sick and tired of and meet up groups always seem to meet in the middle of the afternoon or immediately after normal folks get off work. I realistically can't make it across town 30 minutes after work during rush hour.

I don't know if I've ever heard of anyone that has ever got a job off of indeed.com it's safe to assume that they either get such a response that it's hard to get a call back or it's just a mass post on multiple job boards and they don't really pay attention to it.

Zip recruiter is a massive piece of shit, it's pretty much only good for getting your inbox flooded with job suggestions that rarely even match what you are looking for.

I've never really used dice but I've heard it's not as good as it used to be.

I'm sorry for being butt flustered, I'm just tired of never getting responses from applications.

What are some good job boards wdg?
>>
Working with express js.

How can I make it so if the user is not logged in, the navigation bar has a button for signing in/up. And if the user is logged in, the navigation bar has buttons for uploading and profile?
>>
>>61971323
>how in the fuck am I supposed to get one of those
we had mandatory internship basically every year
there was this yearly student - enterprises meetup on school grounds so i used to print 10-15 cvs, give them all out to various companies i was remotely interested in, got to 3-5 hiring interviews and chose between which companies accepted me
interns are cheap labor and being friendos with young retarded would be graduates by providing nice internships was a good deal for them compared to having to hire older devs / engineers with better pay and work/life balance expectations
we are the pajeets of the western world

anyways don't freak out, everybody suffers from imposter syndrome and if for some reason you can't get into comfy dev job try to freelance a few sites for local restaurants, fast food shops or whatever, you'd probably charge a lot cheaper than competing local dev companies and provide actual value for customers
then you'd have actual work experience, and a more valuable one than if you just did a few internships doing meme projects, so you should have an easier time getting hired
>>
>>61971540
the only contact I ever get on dice is from Indian recruiters who want me to work for ShitergisticIT Java Placement and Training Program. It's be useless. Actually, a cute girl called me once, but that's all.
>>
>>61971261
bcrypt is a good secure option as far as i know.

https://codahale.com/how-to-safely-store-a-password/
https://hackernoon.com/your-node-js-authentication-tutorial-is-wrong-f1a3bf831a46
https://www.owasp.org/index.php/Password_Storage_Cheat_Sheet#Impose_infeasible_verification_on_attacker

'Argon2' is the new fancy choice, from what I have seen in 2 minutes of googling
>>
>>61971540
Glassdoor is decent. Dice is as bad as Zip if not worse
>>
File: Screenshot_35.jpg (74KB, 644x322px) Image search: [Google]
Screenshot_35.jpg
74KB, 644x322px
>>61971564
I'm just a noob, but here's a suggestion:

When your Express server responds to a request, also include in the response a var that tells you the login status.

For example, in my Express server, I have an '/authenticate' route, which returns true "res.send(true)" if the requester is logged in and false if the requester is logged out. Back in my client, I do different things based on whether I get true or false.

I use PassportJS for authenticate, so in my Express server, I do the following.
>>
>>61971567
>we had mandatory internship basically every year
What the fuck? You must be from The Netherlands or something, because we don't have a school to tech industry pipeline here in SILICON VALLEY. We only have school to prison and school to debt pipelines. I'm happy for you.
>>
>>61971658
I always forget about glassdoor except when it comes to looking up payrates. Thank anon

>>61971575
Damn I have noticed that dice tends to redirect you to shit that you think is the application and then you realize you made an account for some OTHER bullshit job board.
>>
>>61971807
nah it was french engineering school
if you have good grades and manage to get into good public school you pay around 800€/y school fees and get various kind of welfare if poor so no need to indebt
if not, regular uni is easier to get into with perhaps less industry integration but cheaper

private school and business school fags pay mad bucks tho, even here

internships are a good deal for enterprises tho, no joke. they don't have to pay you minimum wage
as long as you stay more than a few months since you need to onboard and learn the tools they use you bring some value to them for bargain price + they get to offer you you a job once you graduate which saves them hiring moneys and makes them confident they are not hiring a memester cv padder since they already worked with you before
>>
>>61971575
>Actually, a cute girl called me once

Well at least some good came out of it.
>>
>>61971564
There are a bunch of options here, but basically you want to check on each route whether the user is logged in or not. So let's say you have a route /userPage, which requires logged in status, and a route /loginPage, which... doesnt.

You'll need a two step process here. First, you'll need some way to differentiate between AUTHED and UNAUTHED routes. This could be something as simple as an extra 'bit' in the auth'd routes, like:

/a/userPage --> authed
/loginPage --> unauthed

Second, you'll wanna persist the user's login state/have a way to check that they actually ARE logged in, so that if I go to /a/userPage and have not logged in, I'll get kicked out to some sort of login page.

One easy way to do this is with Express router-level middleware (google it) and the express-session module (npm install express-session). The session module basically stores a session object on the req object, so that every time a particular user sends a request to your page, it ALSO includes this sesh obj. You can then ask for the the logged in user with req.session.user.name, or whatever
>>
>>61970353
>Is W3Schools good
No. Don't cripple yourself, brotato.
>>
>>61968885
They are not really callbacks, tho they serve a similar purpose. Instead, a promise essentially assigns a 'token' to an asynchronous request. That token can have one of THREE statuses: Pending (wait pls), Resolved (u did gud), or Rejected (like ur love life). Most importantly, promises allow you to string multiple asynchronous functions together without getting into callback hell (i.e., extreme nested callbacks). Instead of:
funcA(stuff, cb(a) => {
funcB(a, cb(b) => {
funcC(b, cb(c) => {
funcD(c, cb(d) => {
//this is bad
return a+b+c+d;
})
})
})
})

we can just do
funcA()
.then(return funcB())
.then(return funcC())
.then(return funcD());


Which ultimately is a lot cleaner. You can also do really cool things like Promise.all, which given a set of asynchronous, promisified functions, will 'respond' only when ALL of them have replied.
>>
Can I host my site from my laptop?
>>
>>61973578
ye
>>
>>61973578
Yes.
>>
The people behind JSX deserve to be stoned to near death.
That is all.
>>
>>61973644
>>61973663
So I just need to register a domain and the use the laptop as a server, right?
Any downsides?
>>
>>61973670
Why's that?
>>
>>61973681
ye
>>
>>61973681
>Any downsides?
its not going to scale
>>
>>61973769
I don't know what that means.
>>
>>61973681
You're exposing your personal laptop to the internet. Security risks.
>>
>>61973681
Are you... ever gonna turn the laptop off? They're not exactly designed for marathon runs. Plus like a million other problems.
>>
>>61973782
basically if you want a lot people to actually visit the site regularly, your laptop isn't going to be good enough
but if it's just like 12 people a year once a month, your laptop is fine
scale = how many and how often people can use your site/service
>>
>>61973810
I just wanted to tinker a bit.
Maybe make it so that I can download things from my own site and such.
But I have minimal experience with web design.(i.e. Made a few pages with mozilla compozer.)
>>
>>61974279
If it's just for hobbying around with, then that's fine. Most web development work involves running a server locally on your workstation that you access directly while you work on it, and if you want to access a server from beyond your local area network then you'll want to look into port forwarding with your router. Running a commercial site from a laptop is obviously a bad idea, but a hobby site is no problem.
>>
>>61973670
No. I love JSX. I never want to use ES5 ever again.
>>
File: ?????????????????.jpg (43KB, 322x605px) Image search: [Google]
?????????????????.jpg
43KB, 322x605px
>>61974897
>jsx
>some kind of alternative to es5
>>
If everything looks good in firefox / chrome for mac do I then need to test the same browsers on windows?
>>
>>61975146
Nope. Won't be a major difference.
Testing safari and edge is important though.
>>
>>61975188
cheers - literally the only difference I am aware of is that windows has scrollbars on by default
>>
>>61975240
AFAIK, it won't be there come september, it'll shrink away. But yeah no major difference otherwise in ff/chrome cross platform.
>>
I tried to make a game in Elm but I just find Elm to be too autistic and esoteric. Maybe I'm retarded but compared to React/Redux I don't even know how to begin to go about architecting shit in it. When you look at examples of large apps they've pretty much architected their own framework because Elm doesn't prescribe shit or lead you down any particular path. I've come to hate it. I'm going to give Typescript + React a try instead.
>>
>>61975294
>i hate making my own decisions!
I'm beginning to see the problem.
>>
I've learned a bit of front end stuff and am trying to learn SQL because it seems there are a fuckton of backend jobs in my area.

The thing is I'm having a hard time teaching myself this stuff. Not because it's hard, but because it's dry and I can't really find many real world applications for it in my own personal life, wheras I was able to work on building websites pretty much right away with front end stuff.

Should I go back to school for it? are there any good bootcamps on this stuff? I want to learn it but I feel I would respond better to a more structured environment than self teaching.

I got a degree in political science and am sick of working shitty retail jobs. Front end stuff is cool but the jobs seem more design oriented and also more filled with SJWs.

I want to avoid this shitty culture war if at all possible.
>>
>>61976946
back to school to learn sql? There's really not much to it. You use databases for most things in your life. The front end might look pretty, but it isn't going to pull data from a database. The only real way you will get better at it is by making things. Think of a website that has a bunch of data being pulled in order to build pages, and pages being used to change data. Then implement that functionality in a local db file.
>>
>>61976946
Get the latest MySQL. Learn how to use the command prompt to run MySQL, create, read, update, delete, and print databases, tables, and entries.

Then once you've got the syntax of the commands down, you can use MySQL Workbench as a GUI, so you can write more complicated SQL scripts than just single lines. For example, write a script to create a database with a table and some entries all at once.

Once you figure that out, learn how to hook that database up to a website's back end (the server). Then learn how to allow the client to ask the server to interact with the database on its behalf.
Make a website that has user accounts stored in a database. That'll teach you the essentials.

Your final project should be some website that takes user input, adds it to its database, then displays it by reading the database.

Then after that you can learn about advanced databasing: remote databases, distributed databases, or whatever real websites actually use to store users, posts, or images.
>>
Help me. How do I make the following code print 8 instead of 4?

function () {
var x = 1;
var y = 1;

x = 3;
Promise.resolve().then(y = 5); // some async call before setting y = 5

console.log(x + y)
}
>>
>>61977920
you can't the promise isn't guaranteed to complete before the function does.
>>
>>61977920
can you have a function in the .then() instead of just y=5?
disclaimer: no idea what I'm talking about
>>
>>61977987
I know that, dummy. What I'm asking is how to rewrite that to get the behavior that I want in a non-hackish way, which means NOT like this

function () {
var x = 1;
var y = 1;

x = 3;
Promise.resolve().then(y = 5).then( console.log(x+y); )
}
>>
>>61977920
return the Promise
>>
>>61978048
What do you mean? Show me please.
>>
>>61978107
I think he is talking about
await Promise.resolve()
which effectively pauses the function but I don't know if you can await a promise
>>
>>61978041
how is that "hackish"? It's literally what it's there for
>>
>>61978120
No, I don't want to pause the function while waiting for a promise to resolve, because I would be wasting time that I could be using to compute
console.log(j + k);
in my new example.

function () {
var x = 1;
var y = 1;
var j = 3;
var k = 7;

x = 3;
Promise.resolve().then(y = 5); // some async call before setting y = 5

console.log(j + k);
console.log(x + y);
}
>>
>>61937658
Bulma is the hotness atm
>>
Top-down

or

Bottom-up?

How do I decide on my development approach?
>>
>>61978192
Promises return *an* eventual result and are immutable once fulfilled or rejected. If that's okay, and you don't need that y=1 ever, then you could
var py = new Promise(function(resolve) {
setTimeout(function() {
resolve(5);
}, 1000);
});
py.then(function(y) {
console.log(x+y);
});
>>
>>61978169
BECAUSE what if you have this?

function () {
var x = 1;
var y = 1;

Promise.resolve().then(y = 5).then( console.log(x + y) );
x = 3;
}


Now all of a sudden you could be getting 6 or 8. The problem is not solved!
>>
>>61978298
>onFulfilled or onRejected must not be called until the execution context stack contains only platform code. [3.1].
You'll never get 6 unless you're using a broken Promises implementation like jquery.
>>
>>61978344
I don't know what any of that means. You think you're so smart? What now, tough guy?

function () {
var x = 1;
var y = 1;
var z = 1;

Promise.resolve().then(y = 5);
Promise.resolve().then(z = 2);
x = 3;

console.log( x + y + z );
}


How you gonna get 10 out of that?
>>
>>61978244
You need a combination of both, really. The most efficient way is to think about the top just enough to start working on the bottom until you hit a wall on the top, then you oscillate back and forth. This prevents over-engineering. The most important thing is that you can't be afraid to throw code out and start over. If you find yourself throwing out huge chunks then you need to try and identify problem areas and oscillate more rapidly. Holding onto problematic directions for too long is just laziness and leads to technical debt. If you decide on top down then you'll get caught in analysis paralysis. If you do purely bottom up then you'll do much more work than you need to. The only time you should really need to spend a ton of time on design is if you're putting together a largely novel algorithm or solution. For web work, this usually means if you're writing a totally new library for something, and even if you are, it's still always best to iterate quickly.
>>
>>61978474
I think what you want is await, but it's hard to tell because you're completely retarded.
>>
>>61977920
>>61977987
>>61977998
>>61978048
>>61978120
>>61978169
>>61978287
>>61978344
ok fuckers, I figured it out. Now pay attention while I teach you.

function () {
var x = 1;
var y = 1;
var z = 1;

var p1 = Promise.resolve().then(y = 5);
var p2 = Promise.resolve().then(z = 2);
x = 3;

return Promise.all( [p1, p2] ).then(() => {
console.log( x + y + z); // prints 10 as expected
});
}
>>
>>61978870
Nope. I figured it out >>61978894
unlike you.
>>
>>61979656
>>
>>61978894
Oh, I didn't know you JUST wanted a synchronization primitive.
Thread posts: 317
Thread images: 35


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.