[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: 321
Thread images: 29

File: wdg_432968.jpg (161KB, 824x553px) Image search: [Google]
wdg_432968.jpg
161KB, 824x553px
.js TLD when?

>old thread
>>61015075

>Discord / IRC
https://discord.gg/wdg
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

>Getting started
Get a good understanding of HTML, CSS and JavaScript.
Everything you learn will have these as their base.
The Mozilla Developer Network offers a good intro (no matter your browser choice)
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web

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

>Further reading/viewing
https://www.youtube.com/watch?v=sBzRwzY7G-k
https://github.com/kamranahmedse/developer-roadmap
https://github.com/getify/You-Dont-Know-JS
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md

>Code challenges
https://www.codewars.com/
https://www.hackerrank.com/
https://codefights.com/

>Useful resources
https://developer.mozilla.org/en-US/docs/Web - General documentation for HTML, CSS & JavaScript
https://libraries.io/ - Discover and keep track of open source libraries, modules and frameworks
https://stackoverflow.com/ - Developers asking questions and helping each other
http://www.programmableweb.com/ - List of public APIs
https://caniuse.com/ - Check browser support for front-end web technologies

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

>cheap VPS hosting in most western locations
https://www.digitalocean.com/
https://www.vultr.com/
https://www.linode.com/
https://www.scaleway.com/
https://www.heroku.com/

an in-depth comparison of hosts
https://www.webstack.de/blog/e/cloud-hosting-provider-comparison-2017/
>>
File: 1485889119752.gif (8KB, 645x773px) Image search: [Google]
1485889119752.gif
8KB, 645x773px
>he's not an asynchronous developer
>>
http://www.react.express/

Enjoy.
>>
File: wQ01qzkLVkiU0_1bO7-5rA.jpg (149KB, 750x755px) Image search: [Google]
wQ01qzkLVkiU0_1bO7-5rA.jpg
149KB, 750x755px
>>61048566
thanks, looks interesting and will give it a read.

I am still trying to warm up to React... mostly turned off by JSX.
Still it's so universally used, that I feel I am not going to make it very far, unless Vue gets a big bump in popularity and usage or I learn React.
>>
so which one of u gonna make my uni project
ill gib u my steam account ;3
>>
>>61048526
>.js TLD when?
I don't think generic TLDs can be 2 letters. At least all of the ones I've seen are country codes.

You're gonna have to establish your own country of Javascripstan
>>
File: canvas.png (23KB, 512x512px) Image search: [Google]
canvas.png
23KB, 512x512px
>>61048526

we ray tracing now boyz
>>
First for Spring Boot.
>>
File: Welcome to the Internet.jpg (44KB, 500x474px) Image search: [Google]
Welcome to the Internet.jpg
44KB, 500x474px
>Spent time doing the PHP course on codecademy

Can I ask to have that time refunded?
>>
So when can we actually start writing web stuff in C with WASM.

I'm ready to ditch Javascript.
>>
>web developers
So you're the cancer behind Electron.js and 400MB/tab websites. How does it feel to be no better than a codemonkey pajeet?
>>
>>61048974

Lots of people in here just like to build web applications instead of websites.
>>
>>61048998
>"""web application"""
please stop
>>
>>61048931
2022

>>61048974
the madder you autists get the better it feels
>>
>>61048754
i can do it for certain services.
>>
File: IMG_0878.gif (427KB, 978x478px) Image search: [Google]
IMG_0878.gif
427KB, 978x478px
>tfw 4 calendar months in to first web development job
>tfw 6 calendar months is right around the corner and i can start applying to the big money hustler listings because I have """experience""" now

Can't wait to jettison this destitute pay job and make some fucking late model used car money
>>
>>61048566
Neato
>>
>>61048974
Congratulations on finding /wdg/, and welcome! I don't know about the rest of the anons ITT, but to me Electron.js feels off compared to native GUIs, so I don't use Electron.js to build desktop applications.
>>
>>61049039
>>61049118
You won't be laughing in the end, Pajeet.
https://www.squarespace.com/
>>
>>61049173
Creating Squarespace websites for your clients is a rapidly growing niche.
>>
>>61049047
s-such as?
l-lewd stuff?
>>
>>61049173
you have a poor understanding of the field
>>
>>61049282
As I understand it, it's using trendy APIs and JS to make """web applications""" that cost over 400MB of RAM to display. Is this correct?
>>
>>61049390
there are over 1 billion websites on the internet. you've described at most 0.01% of them
>>
>>61049446
And the rest can be automated then, no?
>>
>>61049470
no
>>
>>61049245
of course not.
i'll ask you to wear a skirt and knee socks then kneel in front of me so I can study anime culture closer.
>>
Any opinions on Colt Steele's Web Dev Bootcamp at Udemy? It is on sale.

Can the skills imparted by these kind of curricula land you in an entry level position with some networking?
>>
Any industry established devs have a minute?
>apply for job
>drive 2 hours for interview
>get denied through email yesterday saying "not enough experience"
>get voicemail today saying they have a question.

The fuck is happening? They denied me after I told them how much I make even though It's only 10k less than what I asked for. Are they about to make me a low-ball offer or have any other ideas? I need to prepare for this.
>>
Do I need to be a hipster in order to give advice on /wdg/ ?
>>
>>61051708
dude, don't ever tell potential employers how much you make. That's a really easy way to screw yourself over for salary negotiation
>>
>>61050422
vue-router
>>
>>61051708

even if they low ball you it is still a stepping stone opportuntiy for you. just hang around for 3 months or however long and work yer butt off
>>
can I learn how to become a front end developer in 3 months if I dedicate my entire day to it?
>>
File: 148647692741.png (138KB, 538x442px) Image search: [Google]
148647692741.png
138KB, 538x442px
Do you guys ever impulse buy domain names?
Sometimes I can't help myself
>>
>>61051779
Yeah, well I would be moving, so ball is in their court. If it's not worth moving my ass then it's not worth taking.

>>61052322
Part of my negotiations would be the title mid-level developer. Taking it as a stepping stone is my main reason for even considering it.


I'm sort of worried what my resume would look like though leaving job after job every 4 months.
>>
So I was looking into doing some freelance work on the side during studying, and these rates are pretty insane. Even places like fiverr are charging people 5 dollars for literally 3 changes to Wordpress CSS. Is it really that easy to make bank doing front end development?
>>
>>61053302

I don't think anyone can really fault you for leaving a job if it is to a higher position. Just give as much notice as your current employer wants / as long as your next employer will wait.
>>
Hey lads, I'm trying to make an API call with React and organize some info on a table based on that call.

The goal is that when you click a button the URL of the API changes and the table with the information changes as well, however when I try to do this for some reason it takes two clicks of the button in order for the information to update on the table.

I also see that I can put the function that'll update the info on render() but I think this is not a good practice and actually when I try to add more buttons that'll change the table information with more API calls it just doesn't work.

You can see an example of what I'm talking about in this CodePen:

>https://codepen.io/anon/pen/rwzoMB?editors=0010

It takes two clicks in order for the table to update and I don't really know how to solve it, any help will be awesome! I remember seeing this happening to other of my projects but I don't quite remember what's the solution.

TL;DR: It takes two clicks to update some info on React when It should only take one.
>>
>>61052588
yes, anon, it's kinda doable, but you really have to put your hours in. Why that specific time frame though? Studying under pressure like that can be really stressful. I'm neet right now, no economic pressure of any kind, studying as hard as I can (backend) and still I feel the pressure. I have to remind myself that I have a lot of time, shouldn't rush it.

But yes, do it, go for it. Don't pussyfoot around frameworks to begin with, just go HTML>CSS>JS, and once your JS is solid you'll know where to go from there.
>>
>>61052783
Only if I have content to put there. I have a list of novelty domain names that I might buy at some point, but probably won't.

>tfw someone already registered thi.cc
>>
>>61053532
Just use jQuery.

Worst case scenario it neatens the API at the cost of being a bulky library, which doesn't matter because time isn't critical on the client side since there's only one user per its own machine.

The preferred set up for me at the moment is
>C# or node, depending on what you need
>React templating/Server side rendering
>predominantly jQuery on the front end

It's not the "neatest" but I could pull any NEET off the street to start writing responsive SEO websites like this because it's so simple it even minimises the files you need.

>TL;DR: It takes two clicks to update some info on React when It should only take one.
It takes two clicks because you're relying on React to do two way binding, which it shouldn't do but if you force the render engine to run twice actually can, which seems to be what's happening for you on the second click. You're making React have a feature it doesn't have, good job I've always thought that's possible.

Use jQuery when you want to change things the other way and when you want to talk to the backend. You'll inevitably need to do both if users can actually interact with the website and change content.

I did mess around with Vue to get something inherently with two way binding, but server side version has a hard dependency on node and the client side version has a hard dependencies on something.

>>61053832
I'll pay 10% what you do to bid for it if you include a petite section. Do you understand the struggles a man undergoes to find petite ebony/brown?

>>61052588
>>61053656
Doable, sure.

If you care about your personal development, learn some simple programming first. Web frameworks are everything wrong with programming today and will teach bad habits. Otherwise, jump right in because it's actually easy. Whether it's useful is another question, if you run a business you can save between 1000-50,000 a year on IT costs just DIY'ing it, in that case you'd just use the newest, simplest, minimalist libraries.
>>
>>61053532
>>61053950
Same guy.

Worst case scenario:
  onClick() {
this.setState({source: albums});
this.loadInfo();
this.setState({source: albums});
}

Although, this actually doesn't call the render method. Curious.
>>
File: wew.png (15KB, 1232x293px) Image search: [Google]
wew.png
15KB, 1232x293px
>>61052783
>>
>>61048566
>http://www.react.express/
react is a waste of time, it's already on it's way out.

Vue / Marko are the future.
>>
>>61054555

Also, I get paid around 200k a year to code Javascript, pretty prominent in the community.

Just a heads up.
>>
>>61052783
tomorrow ill register www.pajeetmyson.com

do not buy!

godaddy sucks they autobuy covfefe.com
>>
>>61054527
unless it's a .com or .io, it's worthless
>>
>>61054555
Why Vue?

Hogan, moustache and handlebars all work in a default v8 instance so would easily work on node.js or whatever you're using. Vue, on the other hand, has a hard dependency on node.js because: https://github.com/vuejs/vue/issues/4101

Basically "fuck you, do it yourself."

I don't really care, React will always be more popular and the more likely path because not everyone wants node and single file react is saner than single file vue. Even then, those templating systems I mentioned before all perform faster than vue.

Marko also has a hard dependency on node.js. That's just great, even then it's only fast because string buffers. That's probably how most of the other templating libraries are doing it.

>>61054563
>pretty prominent in the community
This means you're well connected, not necessary anything special. Evan You is prominent, but his API is still shit and his design decisions are still questionable as fuck.

Connections doesn't make you skilled, that's a successfulness bias.
>>
starting a react project. what meme styling or components should i use
>>
>>61048566
thx, learned alot in 20 min.. and i thought i knew everything already :)
>>
>>61056053
You should use Vue of course
>>
>>61053426
Average job on freelance sites is "build me new Facebook for $100".
>>
>>61053532
Either pass the new info category into load info or use componentWillUpdate(nextProps, nextState) and test this.state against nextState for a different source value. If different, loadInfo
>>
>>61054628
.net
.org
.ly
.us
>>
https://postgrest.com/en/v4.1/

Anyone here use this baby?
>>
File: averagefreelancejob.png (11KB, 800x118px) Image search: [Google]
averagefreelancejob.png
11KB, 800x118px
>>61056143
Average freelance job right here.
>>
>>61056380
>COMMNTZ
Where the fuck is that from?
>>
>>61056380
this isn't even profitable for pajeets lol. Even if you used Wordpress and minimal programming, it would take you 10+ days, which is 1.2$ per day
>>
>>61056053

It's harder than it should be. The preference seems to be material-ui, but material0ui@next is way, way better. It is also a major ugrade from the original material-ui with no easy upgrade path.

So it sounds obvious, but @next isn't stable yet, and there's no ETA. I hate the thought of building on the stable and being stuck with it for years when @next comes out next week.
>>
>>61056400
I screencapped it from one of Reddit's job boards .. it shouldn't be too hard to find given I left the username in it.
>>
What's some minimalistic background image or color to use for my project. White background seems to fit well but its also too simple I wanna try and "impress" my professor more so it doesnt look like i lazied out(even tho i did and doing 1 month work on 1 day).
>>
>>61056834
https://webgradients.com/
>>
Can I put the same php file as action on a form? so kind of like an infinite loop?
example say i got like a comment section and got a php file with php code to write $_POST data to a database then php code again to display the database contents and at the end a form with a textbox and a submit button that has action the same php file
would this work
>>
>>61057449
sure
>>
Server side rendering guy here, still shitty I can't make a vue one, but my latest addition is underscore. Right now I'm trying to add doT.js, after that I think I'm done, unless I really feel like adding Pug too. By that stage you have 5 templating engines to choose from, 6 including mine. Unfortunately some of them can't be single lined so I can't implement them neatly.

>>61056124
>hard dependency on node.js
>>
File: 1497300202947.jpg (63KB, 666x496px) Image search: [Google]
1497300202947.jpg
63KB, 666x496px
Turns out you can get free pluralsight for 3 months.

Anyone recommend any courses?

I'm currently listening and digging deeper into my C#/ ASP.NET knowledge with it. Will dive into ASP.NET Core.

I also want something different, was thinking of learning ruby on rails
>>
>>61057449


if (isset($_POST['submit']
{
$variables_to_display = process_form();
}

function process_form()
{
do shit with $_POST

return $shit;
}

in your template:

<textarea name='myshit'><?php print htmlspecialchars($variables_to_display['myshit']) ?></textarea>
>>
>>61057689
>pic
What is that?
>>
>>61053426

Freelance done properly will get you 2-3times as much money as having a salaried job. Expect it to be 3-4 times as stressful as a salaried job.

Doing odd jobs and microtransactions? You will get fucked over repeatedly by people trying it on or just simply posting shitty specifications for their jobs. You'll also be competing with lowballing Indians.
>>
>>61048769

Everyone knows it's not real raytracing unless it's on a chessboard.
>>
>>61057681
Same guy.

So your selections are as follows:
Vanilla JSâ„¢
Handlebars
Moustache
Hogan
Underscore
doT
EJS
Dust

Vanilla JS is just me setting props and then treating anything within delimiters as code segments to run and fetch a value from. Simple and has about a third of the features of most of these libraries just by being able to run code.

Everything is of course cached so whilst these machines only take 2ms to run (react is 8ms and vue is only slightly faster), most times a cached result is used meaning if everything is going smoothly most times the server will respond in under 1ms.
>>
>>61057689
If you're a backend guy (I guess you are, cause of RoR):
theres a couple on Linux networks and servers, and 80% of servers worlwide run on linux, so it's good to know that shit.
There's one on Oauth, again, gotta know that shit.
I did Python testing and the Python intermediate courses, pretty good.
They have a short course on Docker, some AWS stuff, that's always good, even if you don't end up working with that stuff it just looks good on your CV.
>>
>>61056143
it's true, fuck
how do I find normal jobs?
>>
>>61058263
Work for large corporations, I work for one. Get paid above average and work little, play RuneScape most of the time.
>>
>>61058199
thanks for the suggestions, will check out the Linux, Docker and AWS ones!
>>
>>61058458
there's tons of linux stuff, you'll go mad if you do it all. Just pick the relevant ones, and servers are definitely relevant to backend guys.
Also, when those 3 months expire, just create a new account with a new fake MS email.
>>
Rate my Angular/Ember killer custom written SPA page. It's super fastâ„¢

http://randomstuffcms.azurewebsites.net
>>
>>61058511
yeah, thats what I meant, I created a new 3 months after my first one expired last year.

I dabbled in a bit of the confusing VIM and SSH and all that when at an internship I needed to set up a cronjob on the server and give myself permission to do so. Indeed it was hard but satisfying at the end. Is there a book you'd recommend on the topic?
>>
>>61058519
Damn its like im browsing a website on my machine. Details?
>>
>>61058641
all subsequent requests are like 500 bytes because there's little data. but still, the initial load is fast too
>>
>>61058641
>>61058708
Give me some heavy data to add, so I can test it with load.
>>
Is there such a thing as a good laptop for web development or will all keyboards cuck me compared to a regular desktop keyboard?
>>
Vultr's storage servers are sold out :( Someone hacked my Digital Ocean droplet and I've wanted to migrate anyways. Gonna get a Tokyo IP Address
>>
>>61058785
Dev on laptop is shit, because it gets hot and the heat transfers from laptop to palms which makes you heat up and sweat like a pig.
>>
>>61058785
Chromebook :^)
>>
>>61058807

I just need to have a laptop environment because I don't live alone and I can't focus on something if someone is looking over my shoulder or even taking a passing glance. I've always been this way, use to REEE at my mom for walking up on me in the middle of a drawing/writing whatever.
>>
File: doggo.jpg (85KB, 640x683px) Image search: [Google]
doggo.jpg
85KB, 640x683px
how shit is mithril?
>>
>>61058728
try weather ?
>>
>>61048854
Are you saying that codecademy is shit, or PHP? While the former is true, the ltter is a money maker.
>>
>>61058899
What do you mean?
>>
Is it worth it to create a StackOverFlow account and ask some shit?
>>
>>61058914
Well the codecademy course for PHP is shit at least. But actually I must admit Codecademy in general is pretty shit.

Does anybody know if Lynda has any good PHP stuff on it for beginners? I only really have experience with JS
>>
I'm a programmer and have been for many years, but I've never made a website. I've used JS, HTML and CSS. I've never actually done any work on the server side of a website. What should I start learning about?
>>
>>61058961
.NET
>>
>>61058961
Rest.

https://en.wikipedia.org/wiki/Representational_state_transfer

Then find a library that reflects this well.
>>
>>61058915
I don't remember but there was some weather API you could literally get information about every city in the world with a call or something like that?
>>
>>61058961
>>61058977
this. Make a visual studio online account (free). Get pluralsight free for 3 months (also stuff like azure and other stuff you will get)

At pluralsight there are tutorials that go step by step with ASP.NET MVC websites with JS and all that. Also Microsoft Virtual Academy
>>
>>61058263

Agencies.

They'll give you contract and insulate you a bit from nightmare clients. There's work for all levels too.

I was on £200 a day doing just HTML email
>>
>>61058561
I think a lot of tutorials on pluralsight have you SSH'ing into a vagrant virtual machine, so find one that guides you through that. I can't seem to find the exact videos I used, they're not showing up on my history, but anything related to setting up/securing linux servers should be good.

I'm diving balls-deep into networks right now and I absolutely love it. This book here is a good starter:
>https://www.amazon.com/Foundations-Python-Network-Programming-comprehensive/dp/1430230037
but it's for python, maybe you could find something like this for your languages. And if not, all the theory is the same, so you won't be able to follow along the examples, but it should give you a pretty good intro.

btw, books for free on gen.lib.rus.ec
>>
>>61058927
>ask
no, but answer yes
>>
>>61059089
care to link some agencies? I don't think they're that easy to find...
>>
Use this >>61059089
To get here >>61058405
>>
>>61053950
Just to confirm, how would you use JQuery in this situation? Tbh I have no issue using JQuery if that means less pain in the ass.

>>61056249

I've been reading the React documentation on componentWillUpdate for quite some time and still cannot understand how it works or how to implement it in this case in order to be able to update the table as soon as you click the button that changes the URL, either I'm stupid or they are making things way too complicated (Probably both)
>>
>>61059452
It's implemented the same way as componentWillUnmount. When you run setstate the changed values are then passed back through the component update cycle and then it rerenders. this.state won't have your new values until render is called. It makes handling async updates and preventing dom rerenders easier. So, setstate in the onpress and call load in the componentWillUpdate if nextState.source doesn't match the state. This would mean the component will rerender when the source changes and when the load function receives the data and it's applied to the state. You could do it with one rerender with shouldComponentRerender, but it might be best to start with componentWillUpdate.
>>
>>61058943
This is purely anecdotal, and ymmv, but I started out six years ago learning PHP on Lynda and within a couple years I had an entry level job. Not even four years in I'm already making six figures. I also never went to college. Don't let the degree "requirement" on job listings get you down.
>>
>>61058881
Mithril is really good, and a complete, self-sufficient package to boot. I'd say pick it before React or Vue if you don't need a large library of existing components.
>>
Is webdev inherently spaghetti oriented? My modus operandi is throwing shit together until it sticks.
I mean adding a handler to the body to enable onclicks for dynamically created elements feels unmaintainable af. How do I get better?
>>
>>61060289
Thanks. I am actually at uni at the moment, and whilst I find the technical skills are generally easier to learn myself, there are other, more conceptual skills that I'm gaining from my course.

The reason I'm asking about learning PHP is because I am aware that it can be used for server side stuff, but so far I've only really used Javascript (I know that Node.js is potentially an option). The (free) PHP course on codecademy just taught me how to create loops, classes, conditional logic and that stuff, whereas I was hoping to get an idea from it of how to interact with external data sources.
>>
>>61060485
Webdev ends up spaghetti because there are a lot of untalented hacks, but you can build a very well architected web application if you know what you're doing.
>>
>>61060867
PHP is a very capable server side language, and a hell of a lot of places use it. Whatever you do, don't use Laravel. It's so opinionated that you'll learn laravel without learning any real PHP. Stick to something like Phalcon or Slim which gives you a set of tools, but doesn't dictate how you implement them.
>>
>>61059452
Assign ids and then select by that id right where you do the web request and then modify the element. The thing is client side code isn't time critical.

>>61060197
Or you could implement those methods.

>>61060308
If you don't need a large library, why wouldn't you limit it to jQuery and a templating or data binding framework?

>>61060911
>>61060867
PHP has a few flaws, but many places do actually use it. It's not a great option because it's slow when time is critical. It continues to be used because tech debt, as in technology is already implemented in it, or because elderly senior developers know nothing else and refuse to learn those new fangdangle systems.

More places these days use C#, node.js or Java.

Node.js is fun, learn node.
>>
>>61060485
Eh, not particularly. Yes, it CAN be mom's spaghetti, vomit on your server already tier, but put it this way: there's nothing preventing a web app from being WELL-oriented.
>>
>>61060911
Cheers, I'll bare that in mind. How quickly do you think I'd want to start considering PHP frameworks?

>>61060989
Considering that I'm fairly familiar with Javascript at the moment, do you think it would be best to learn Node first, and then if necessary PHP later on? I'm just thinking presumably Node and PHP will probably share some fundamental principles, so learning those in a relatively familiar language will allow me to more easily transfer them over to another language.
>>
>>61061051
I recommend node.js then c# or java. C# is incredibly powerful and neat if you know how to use it. These are good languages for jobs and usefulness and running fast.

PHP isn't that useful, Google fractal of bad design.
>>
>>61056402
>120/10 = 1.2
>american maths
>>
>>61061247
Not him, but 12$ a day for a teenager isn't a bad idea. We could raise our children to compete with the pajeet.
>>
>>61061051
Use frameworks as soon as you have a basic grasp. No one worth their salt is using raw php anymore.

>>61060989
Php doesn't have to be slow, it's just that too many enterprises use frameworks like Zend and Symfony which are slow as shit.
>>
File: lain_bear_vector.png (179KB, 1024x946px) Image search: [Google]
lain_bear_vector.png
179KB, 1024x946px
>>61048526
Why isn't Khan Academy up there? They don't have much for server-side development, but the courses they do have are pretty good for getting started with Web development, especially if you're already a programmer.

https://www.khanacademy.org/computing/computer-programming
>>
>>61059089
You mean staffing firms, right? The guys who hook you up with companies & clients looking for people with your set of skills?
>>
>>61056143
If you think you can do it well, obligate them to keep your name on their Web site as its developer. Decent employers eat that up like candy if you put it on your LinkedIn.
>>
So I made a progress bar.

What can I do to make it look good?

two divs, container with set width and the actual progress bar with percent width.


hmmmm
>>
>>61059089
Any that you'd recommend? And can you work remotely for them?
>>
>>61061461
Don't even bother with recruiters unless you have a degree or a few years of experience. They will ignore you.
>>
Would you move for a job that is offering a 26% pay increase from your current place?
>>
>>61058977
>>61059072
>>61058985
Thanks guys.

I have used .NET before for desktop applications. Not sure why I didn't think of that one.
>>
What JS framework is best for online game coding?
>>
>>61062244
phaser
>>
I received a rejection email 2 days ago. They just called and made an offer. wtf
>>
>>61060989
>Or you could implement those methods.

wtf do you even mean by this? componentWillUpdate is a prototype method of a react component that's fired at a specific point in the render cycle. It's functionality is implemented by the programmer; otherwise it does nothing when it's fired.

Why do you keep bringing up jQuery like a retard? The framework he's using handles what he's trying to do on its own.

Oh, I know what you mean; you're one of those morons who tries to stay as low level as possible because you think you can write more efficient code if you strip away the features and the framework. You're right captain obvious; you can invent a lighter wheel if you make it out of paper rather than steel. You're a fucking genius. Such a genius that your way of helping someone with an issue is to tell them to throw away their project and start over because it never crosses your mind that they're using a piece of tech to learn how it works.
>>
>>61056414
what are the big changes? can't find anything obvious on the docs.
>>
>>61060876
>>61061030
could you source me some well designed site/webapp?

>solve captcha correctly
>please try again
>>
>>61061884
Does a 4-year biomedical engineering degree count? There's fuck-all for entry-level jobs here.
>>
to actually launch a site i just need the domain, hosting, and the code yeah?

does it make a difference to the hosting if i want to use a .lt domain?
>>
>>61057832

I would do that but how the fuck does webgl not have bitwise operations on integers?

Is javascript so detached from computers that it doesn't even know what a bit is?
>>
>>61060989
>If you don't need a large library, why wouldn't you limit it to jQuery and a templating or data binding framework?
Because it is often simpler and cleaner to use something like Mithril than jQuery and an ad hoc collection of jQuery accessories.
>>
>>61061884
If you actually know your shit, oh can fudge the experience, most companies aren't going to dig too deep into past jobs if you have demonstrable skills, but don't fudge education, for some reason they check that which is arguably less important.
>>
>>61062244
ImpactJS :^)
>>
File: unknown.png (103KB, 381x677px) Image search: [Google]
unknown.png
103KB, 381x677px
>>
>>61063171
/ProgrammerHumor/
>>
File: OwplTmE.gif (2MB, 346x260px) Image search: [Google]
OwplTmE.gif
2MB, 346x260px
I'll never figure this shit out.
>>
>>61063360
tbqh senpai css is easy, botnet devtools makes it super easy.
>>
File: 1xyjD.gif (486KB, 500x213px) Image search: [Google]
1xyjD.gif
486KB, 500x213px
>negotiating salary

Guys, this is bringing out my autism.
>>
>>61063360
idiot.
>>
>>61053532
>he needs a library to interact with the DOM
>>
How do salary devs handle overtime?
>>
>>61063171
Kek
>>
>>61063508
*virtual DOM
>>
Can anyone post their (anonymized) personal webpage resumes if they have them? I have an idea of what I want to make, but I'm not sure if it's professional looking enough.
>>
>>61063559
What do you mean? It's a meme, just use a good old CV.
>>
>>61063592
I understand having a regular CV, but I've heard from recruiters and other peers that a personal website with glimpses of your work and other interests is just another foot in the door.
>>
File: goldsys.png (9KB, 617x468px) Image search: [Google]
goldsys.png
9KB, 617x468px
>>61063360
https://www.khanacademy.org/computing/computer-programming/html-css

Use this. I went from knowing nothing about CSS to being able to create a functionally styled Web page in under a day. After this guide, I could do anything I wanted to in CSS by checking out the style sheets on the sites I visit (view page source) and tweaking the attributes until I understand.
>>
>>61063627
it's a meme, if they ask for code just send them the project from your previous work.
>>
I'm making an app where people can talk to each other.. or something.

not really sure yet, just working on building a chat feature right now, then will go from there. using react, websockets..

what could i build that's cool and is based on the (immediate) communication of people?
>>
>>61063627
https://cvmkr.com/
>>
File: CjcQBE6.jpg (36KB, 362x346px) Image search: [Google]
CjcQBE6.jpg
36KB, 362x346px
do guys you merge or rebase and what's your overall git strategy with feature branches and so on?
Is it good practice to work with branches and follow a certain style, even if it's just me on a personal project?
>>
Anyone using TypeScript here? How do you handle working with all these retarded frameworks that are built ontop of a retarded dynamically typed language? I mean how do you really create something that is more complex than a toy website with some graphical effects? Something where correctness matters?
>>
>>61064103
rebase, THEN merge with a merge commit
>>
>>61064136
Just like make sure you have typings for every library you use and then never use 'any' type in your code. Make every single fucking object extend an interface. You can easily generate those for JSON http://json2ts.com/
Bam, everything now works correctly 99% of the time thanks to type checking.
>>
Boom, second web dev job in the bag.
>>
>>61064136
You may want to look at a language that abstracts more of the underlying JavaScript runtime away and places a clear boundary between your code and random JavaScript. Those languages include Elm (easy, functional), PureScript (hard, functional), Dart (easy, OOP) and ClojureScript (medium, functional). ClojureScript is a weird case. It is dynamically typed, but has contracts ("specs") to help you maintain data correctness.
>>
Hey /g/ im about to start my web dev adventure. My question is, do i have to learn web design first before i mess with HTML, CSS, JS ect?
thank you
>>
>>61064944
What do you know so far? What are you interested in?
>>
>>61064988
Im interested in becoming a front end web dev. I know the basics of HTML, CSS, and some JS, but thats about it.I just want to know if i need to know web design or should i just jump straight into web dev.
>>
>>61063735
trans dating site
>>
I need to freelance a few hundred dollars to relocate for my new job.

What's a good way to do this? I have web dev on my resume.

Already putting out craigslist ads.
>>
Brothers. I LOVE WEB DEVELOPMENT

Have a pleasant evening
>>
>>61065394
Upwork
>>
Yeah but what about 4kev.org
>>
>>61065575
Why did you send me here?
>>
File: koochewsen.gif (2MB, 150x250px) Image search: [Google]
koochewsen.gif
2MB, 150x250px
>>61048526
>Tfw fucking hate webdev

I'm currently doing my midterm. How do I make a website responsive? Whenever I resize my window the text on the page goes everywhere. Halp.
>>
>>61066379
>$10 budget
He gets what he pays for: a GameMaker app with all its assets thrown together from whatever asset libraries you had laying around.
>>
>>61067030
Are you only allowed to use certain functions? Is JavaScript even allowed at your level?
>>
>>61067030
div{
overflow: auto;
}
>>
is it possible to make a text-adventure game in html5/css3 with no js?

i don't want the player to have to click links to advance, i want it to be via typing+enter, within a box or something.
>>
>>61067562
no
>>
>>61067616
what about with ruby or something not js
>>
>>61067731
still no
>>
File: shitpost.gif (3MB, 1005x742px) Image search: [Google]
shitpost.gif
3MB, 1005x742px
>>61067562
https://dzone.com/articles/css3-games-collection

Click the links, and go wild with inspect-element. They're pretty dissimilar to what you want, but there's only so much you can do with CSS, and these things do push it.
>>
In React using ES6, do you actually have to replace all your functions with fat arrow functions or that's not how it works?
>>
Came here to brag

Just wrote a chat server that doesn't require javascript or meta refresh either, and CSS to make the div always end at the bottom, now you can have dynamic realtime chat without javascript!
>>
>>61067731
yes, but the UX would be worse with the webpage having to refresh every time user takes an action

>>61067943
that's not how it works
>>
>>61067731
>>61068019
also virtually every popular language can compile to javascript
>>
>>61067943
Only if you need to preserve the context of .this.
>>
File: twisted.jpg (161KB, 822x1080px) Image search: [Google]
twisted.jpg
161KB, 822x1080px
Tell me what you guys learned today/this week. I want code bits, concepts, ideas, anything. Even if it was just finally learning how to do a fucking for-loop, I wanna hear about it, see how everybody's coming along.

I went through this whole book this week, finally learned what the fuck asynchronous programming is, and now I'm learning all about TCP/IP protocols and all the shit that's built on top of that.
>>
>>61065319
Not... exactly. If you're still here. Web design's a pretty different field, and while you should know some basic Do's and Don'ts (like, don't make your site look like a 90's shitstain, do keep walls of text to a minimum, etc.), you don't really wanna do web design 'first'. Instead, focus on mastering JavaScript, and then take a deep dive into some frameworks.
>>
>>61063735
Hook it up to a markov chain that records the conversations from some other source. Then have it generate responses for you so you can pretend you have friends.
>>
>>61063382
>>61063360
It is easy, but it's sorta an easy-to-learn, hard-to-master scenario.
>>
>>61068399
Learnt about ES6 and some advantages over ES5, still confused as fuck though, I'm trying to fill in the knowledge gaps and really understand what the this fucker means in JS.

I also quickly went over this tutorial: http://www.react.express/
>>
>>61068831
You don't master CSS. You look up what you need, and you rip stuff that looks neat off of CSS Zen Garden.
>>
How do i find a job that isn't in a startup?

I'm moving from my old startup job (still a junior dev) because i can't deal with having to fit the culture, drink with them after work, the disgusting open office plan. I'd love nothing more than sectioned off working spaces, and being able to go to work, get shit done and come home. I want it to be as corporate as possible, no fucking team "outings" or pizza wednesdays or similar startup bullshit.
>>
>>61069377
In fact, any office job that is as corporate as possible that i have a chance of getting with only my web dev skills and previous work experience as a dev (no education).
>>
>>61061649
Here you go: jsfiddle.net/x7tnnx6t/4/
>>
>>61069086
Pretty much.
>>
I want to learn how to make beautiful websites. I only know how to make static single page apps and github porfolios. What course/whatever do i use to learn to make actual functioning sites?
>>
Dude is 60k not good at 28?

I see all over the Internet that people think 60k is a joke.
>>
File: bar.webm (458KB, 556x218px) Image search: [Google]
bar.webm
458KB, 556x218px
>>61069646
>jsfiddle.net/x7tnnx6t/4/
Dude that is fucking amazing.

This was all I've done. Basically the search bar collects the amount of donated bits in a twitch channel against a goal. I'm clicking a button to simulate random amount of bits donated.

I am looking for someone that can do crazy CSS animations though for some overlays.
>>
I might add this to my resume
https://github.com/edankwan/penis.js/tree/master
>>
Guys, I have a serious question that has been bothering me. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua?
>>
>>61068399
I learned how to write a lisp interpreter in java
>>
>>61070005
http://giant-penis-license.org/
>>
>>61069915
that is relative. I'd be grateful to be offered 60k.
>>
>>61069915
Depends mostly on location, age is irrelevant, even bringing it up makes you sound retarded.
>>
>>61063171
the difference between free shit and actually getting a degree
>>
>>61071555
nice trips
>>
>>61067107
That's too much for $10.
>>
>>61068399
http://erlang.org/doc/design_principles/applications.html
>>
>>61070005
var continent = B===D ? 'Africa' : 'Asia';

>the dev is asian
>>
>https://www.youtube.com/watch?v=u404SLJj7ig

Nice hour-long documentary on Netscape going open-source and becoming Mozilla, and the lives of their employees at that time. If you have some time to kill, or just wanna watch it in the background while you code code code...
>>
Well /wdg/, is it time we make our own .io game?
>>
>>61073337
no
>>
>>61058795
Are you referring to Vultr's HDD based instances or their block storage? If the former, they don't offer those anymore. Just use S3 or Backblaze's B2.
>>
i need to make some references... anyone got ideas? i intend to make both back and front end
>>
>>61073337
>implying /wdg/ can into real programming
>>
I made a simple image host for fun

www.honk.pm

runs on cheapest digitalocean instance so please dont abuse it

also it has no progress indicator if uploading hueg files because too lazy to create one, at least yet.
>>
>>61069377
>>61069412
For corporate jobs you'd have to look into Java and C# jobs, so start brushing up on those. Any company that uses anything else is more likely than not gonna be into the startup culture. The memey-er the language, the snobbier/start-up-ish it's going to be.
>>
>>61074847
>ping: www.honk.pm: Name or service not known
honk.pm works, but not with the "www"
>>
File: Vqr4p1E.png (116KB, 1515x663px) Image search: [Google]
Vqr4p1E.png
116KB, 1515x663px
>>61048526
Is it possible to find a job within a month with no bachelors degree(only an associates),no work experience in the web dev field, and a meh portfolio?
>>
>>61075103
Seems I forgot some additional configuration from my DO droplet settings. Oh well.
>>
>>61075111
What's the best project in your portfolio?
>>
>>61068399
>event driven
Surprisingly slow, then again Python would never be used for an optimised server.

>receive client
>initial parse
>create/instantiate event
>second parse based off of the event
>do particular client stuff
The fastest way to process a request is to start parsing data WHILST data is still coming in, that means some form of opportunistic polling. This way.

>server polls
>client sents 32 bytes of 975 bytes of data
>server processes 32 bytes
>goes back to polling
>receives 98 bytes more of data
And so on.

The first method requires all data is collected before work is done, which isn't efficient.

>finally learned what the fuck asynchronous programming is
Think of it like "do this some time later, I actually don't care when" and you're probably doing it right.

Most my asynchronous back end stuff are void functions with loops and delays within the loops. They're run by "tasks" in c# which is fitting, they usually do things like hot loading or checking the age of something in a cache.

>now I'm learning all about TCP/IP protocols
Hey, you might enjoy reading this:
Protocols?

Most of the web should be in REST, which is just HTTP verbs, headers, return codes and the realisation that anything returned will either be a file or a string.

I've implemented a back end server, implemented a few front end frame works for it, implemented ways to add your own frameworks and so I don't mind calling myself a full stack developer.

By this stage, I'll probably start finding another hobby in general.

>>61068819
You'll get over fitting AI, that or nonsense. AI sucks for things it can't already solve.

>when normies don't understand AI

>>61069377
Find the website for jobs that work in your area and apply to anywhere that's not a recruitment company (they service medium business) and not a large company.

>>61069915
People talk on the internet as if they're not anonymous so any identity they build matters, wages, penis size, whatever, they'll always brag.
>>
>>61070005
>>61071607
B=D;

Penis deflated.
>>
>>61069377
Some startups are a lot more business-like. They are worth seeking out. Remember that besides BigCorps and startups there may be established small to medium-sized businesses in your area. BigCorps have their own share of typical BigCorp bullshit, like rampant HR departments. If you're lucky you might manage to avoid both. Check GlassDoor before you apply to any company and ask about the culture before you waste your time on the programming interview. Remember that you are free to say you won't be a culture fit and politely disengage at at any point in the hiring process.

On a side note, I wonder how the kind of "startup bullshit" you talk about affects a startup's chances to succeed: positively, negatively or not at all.
>>
>>61075146
>Front End
Probably my FCC Wikipedia viewer or the Twitch api project (Or maybe my tic tac toe but I feel like working with api's is more useful)
>Back End
I'm building a crud app using node + express
>>
>>61067138
We're allowed to use it, but haven't actually been taught the language in class yet.
>tfw no class for javascript alone
Web development languages are weird. How do you guys deal without a meaningful error/debug console?

>>61067479
Thanks famalam, this worked. Although my page is still fucked due to my own shitty webdev coding. Lol.
>>
>Tfw just spent more than 6 hours centering a fucking HTML object
>>
>>61070005
>more misogyny!
man that guy was a faggot
>>
>>61075345
>igCorps have their own share of typical BigCorp bullshit, like rampant HR departments.
>like rampant HR departments.
This almost entirely ensures millennial white males can't get jobs.

>ask about the culture before you waste your time
>you are free to say you won't be a culture fit
This is some bullshit.

>I wonder how the kind of "startup bullshit" you talk about affects a startup's chances to succeed: positively, negatively or not at all.
The ideal is being such a decent developer that you become the reason the start up does well, or the top hierarchy crumbles from lack of direction despite the workers doing their Boxer the horse impression.

If the start up has a real business and clients that have already paid, it's entirely possible being young, extremely talented and a fucking white male that a start up is the best option because you'll contribute to its success, by which time you'll have stock options and plausible millions. That's the dream.

And because big corp used the affirmative action idea of creating a female/sociology graduate dominated HR, white men basically have small business, startups and medium businesses with too few HR to create the Marxism hive mind.

>>61075389
A lot of web developers are moving to babel or type script, which in either case are just varying strictness. Classes exist now, just not in academia where (at least where I studied) they're still teaching PHP.

>How do you guys deal without a meaningful error/debug console?
Press f12

Otherwise, this sometimes exists too. For me, I spit out babel compile errors into the error console, it's not uncommon for people to route that to a file (which is something I've left to people using my library).

>>61075452
https://github.com/edankwan/Jesus.js
>a library can stop working and starts working again in 3 days but otherwise can only really randomize float left/right or regexp replace anything water to wine has 84 stars and 9 forks
K
>>
Explain to a newbie: why is document.write(); bad?
>>
>>61075520
>>you are free to say you won't be a culture fit
>This is some bullshit.
Are you saying that >>61069377 isn't free to say that and leave?
>>
>>61075714
I missed that.

>>61069377
I recommend disobedience without harming your work ethic. Achieve all your outcomes, but say "sorry, I'm tired, I don't want to come out after work." If they fire you, then so be it: >>61075345 excellent.

But trust me, big business won't even give you an interview. Discrimination? We never even got your resume, must of got lost :^)

>>61075695
>https://www.w3schools.com/jsref/met_doc_write.asp
>The write() method is mostly used for testing: If it is used after an HTML document is fully loaded, it will delete all existing HTML.
>it will delete all existing HTML
>>
https://developers.google.com/web/tools/starter-kit/

Thoughts? Looks pretty neat
>>
>>61071562
Not saying you look very hard for assets or even make a new app. Just take a small previous app, and replace the assets with footballs & basketballs. There's your 10 bucks.
>>
>>61076430
10 dollars would only be enough to make me Google the assets for a couple of minutes.
>>
I've been FE dev for 2 years, looking to get into a React job but limited experience with JS, let alone a JS framework. How can I make the switch without starting from job-step 0? The job listings tend to require experience in a JS framework to begin with, shockingly.
>>
>>61071328
Age is totally relevant though. Most income statistics are based on age.

The average person at 28 is said to make 50k, but a recent college grad has an average income of 50k too at a much younger age (22-23).
>>
>>61075111
yeah, just apply everywhere small.

I had no degree, no work experience, and a meh portfolio too.

The trick is applying to places that sound like someone from the company made the ad and not a recruiter.

A recruiter will not give you the time of day and they are a waste of time. They can't sell you to a client with no experience or degree.

I just landed my second dev job. Both were from ads posted by the CEO. Look for those kinds of ads.
>>
>>61076883
so what does an ad posted by the CEO sound like?
>>
>>61076909
They usually say "we" like we need or we have an opening.

Basically apply to everything that doesn't look like a recruiter posted it.
>>
>>61048931
Can't you start right now? I thought they had completed the first stage of development and were waiting on people to start using it so that they can see where issues pop up.
>>
>>61073337
Already done.
>Implying it's good enough that I'd ever release my steaming pile of horseshit game to the public.
>>
>>61075695
Because firstly, it deletes all existing HTML. That means it's going to blank out what you had before.
Secondly, it isn't available on DOM elements. So if you have:
<body>
<div id='meme'>
A meme:
<div id='dank-meme'></div>
</div>
</body>

You'd not be able to, for example, target just the #dank-meme element and have it replace the text in that.

The end result is that you're left with a pretty much blank document, except for whatever's passed as the argument to document.write().
It's much, MUCH cleaner to just use DOMelement.innerHTML=... to modify what you need.
>>
>>61048526
"Truncate a string (first argument) if it is longer than the given maximum string length (second argument). Return the truncated string with a ... ending.

Note that inserting the three dots to the end will add to the string length.

However, if the given maximum string length num is less than or equal to 3, then the addition of the three dots does not add to the string length in determining the truncated string.
"
truncateString("A-tisket a-tasket A green and yellow basket", 11) should return "A-tisket...".
truncateString("Peter Piper picked a peck of pickled peppers", 14) should return "Peter Piper...".
truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length) should return "A-tisket a-tasket A green and yellow basket".
truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2) should return "A-tisket a-tasket A green and yellow basket".
truncateString("A-", 1) should return "A...".
truncateString("Absolutely Longer", 2) should return "Ab...".
>>
>>61077196
 
function truncateString(str, num) {
// Clear out that junk in your trunk

if (str.length > num && num>3) {
var nums = num-3;
return str.slice(0,nums)+"...";
}
if (str.length<=num) { return str;}
return str.slice(0,num) + "...";

}
truncateString("A-", 1);
>>
>>61077196
let truncateString = (s, n) => n < s.length ? s.slice(0, n <= 3 ? n : n - 3) + "..." : s
>>
>>61057772
some eggs, obviously
>>
>>61077550
But why?
>>
>>61077563
don't you like eggs, anon?
>>
>>61077196
test = (x, y) ->
throw new Error "'#x' != '#y'" unless x == y

truncateString = (str, len) ->
return str if str.length <= len
str
|> slice 0 (len - if len > 3 then 3 else 0)
|> (.concat "...")

test (truncateString "Peter Piper picked a peck of pickled peppers", 14), "Peter Piper..."
test (truncateString "A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length), "A-tisket a-tasket A green and yellow basket"
test (truncateString "A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2), "A-tisket a-tasket A green and yellow basket"
test (truncateString "A-" 1), "A..."
test (truncateString "Absolutely Longer", 2), "Ab..."
>>
 log.debug(u"%s %s(%r)", request.method, request.url, request.params)


This is python. What does the 'u' mean, and what about the 'r'?
thx
>>
>>61078319
Google it!
https://stackoverflow.com/questions/2464959/whats-the-u-prefix-in-a-python-string
>>
>>61078384
yeah, thanks, found both u and %r, it's just that my first instinct is to /wdg/ first, then google, my bad.
>>
>>61078502
No problem.
>>
File: znrcdv.jpg (118KB, 1070x636px) Image search: [Google]
znrcdv.jpg
118KB, 1070x636px
>>61078384
me again...
Trying to understand this bit of code here on a github repo. My question is, why are log.debug, response_future, and response_callback indented, and then it goes back to normal? it doesn't make sense, the file is just starting there as you can see from all the imports, so why indent like that? thx again.
>>
>>61078865
That's showing changes to the code. Notice the line numbers - those functions are probably methods of a class.
>>
>>61079045

so you're saying that between the lines 17/13 and 153/149 there's a whole bunch of code not being shown? So then it's indented because it's coming from inside another class or whatever. yeah, that makes sense. Is that it or did I not get it right?
>>
>>61078865
Hit the stupid-looking accordion icon to the left of your screenshot.
>>
Because js now has classical OOP, is it better to use that (classes and the like), rather than prototypal inheritance?
>>
>>61079228
>js now has classical OOP
It doesn't. It's all simulated with prototypes.
>>
>>61079271
it has classes now in ES6

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
>>
>>61079460
Yes, classes that are syntax sugar for prototypes. Read the link you posted.
>The class syntax is not introducing a new object-oriented inheritance model to JavaScript. JavaScript classes provide a much simpler and clearer syntax to create objects and deal with inheritance.
>>
>>61079161
right, so everything in the accordion is all that remains unchanged. Got it.
>>
i have a node js project thats running kind of slow.

How can I run benchmarks on my code to see what is taking all the CPU?
>>
>>61079801
>node js
I think I found your problem anon.
>>
>>61079828
node js is fast, sexy, and simple
>>
>>61079874
>>61079828
NodeJS *is* JavaScript, which means it's gonna be single threaded. That in and of itself CAN affect performance, but it shouldn't cause everything to be extremely slow. You've got a couple of options here, but one quick and dirty thing (in lieu of a testing library) is to just stick console.log()s everywhere. You could even have them console.log out the time and current 'thing going on', and see where the hol up is.
>>
>>61079801
You can attach the chrome debugger to node: https://nodejs.org/en/docs/guides/simple-profiling/

Having said that, last time I tried to do that, one of the C++ addons kept segfaulting for no apparently reason.
>>
>>61079943
wouldn't console logging everything make it even slower, though?

Also, cant you do clustering to alleviate some server load or is that not how clusters work?
>>
>>61079976
gonna try this profiling, thx
>>
>>61079995
>wouldn't console logging everything make it even slower, though?
Oh absolutely. But your point isn't to leave them in; it's to put them in, find out what's wrong, and then fix it and remove them.
Think of it like you're a doctor, and the only solution to find out what's wrong with your patient is to make an incision. Normally, cutting someone is detrimental to their health, but in this case, you're cutting them just a little (i.e., slowing down your app just a little more) just to find out what's wrong.
>>
How do you guys manage servers / spin up new instances / deploy projects etc

Still working all this out. I currently just SSH in and setup the server and do a git pull but I want know how people automate it in the real world.
>>
JS filled SPAs vs simple no-JS websites
>>
>>61080267
Build google sheets as a simple no-js website
>>
>>61080301
It's done. It's called Excel
>>
Guys, I'm trying out clustering for node now.

Does anyone know what I'm doin wrong?

var cluster = require("cluster");

if (cluster.isMaster) {
var cpuCount = require('os').cpus().length;

for (var i = 0; i<cpuCount; i+=1) {
cluster.fork();
}

cluster.on('exit', function () {
cluster.fork();
});
} else {
var GameServer = require("./GameServer");
var gameServer = new GameServer();
gameServer.start();
}


this is my GameServer start method:

GameServer.prototype.start = function () {  
var express = require("express");
var app = express();
var server = require('http').Server(app);

/** INIT PORT CONNECTION **/
app.get('/', function (req, res) {
res.sendFile(__dirname + '/web/index.html');
});
app.use('/', express.static(__dirname + '/web'));
server.listen(2000); //port number for listening
console.log('Started Server!');
>>
>>61080442
jk it works.
>>
>>61080227
Depends what your stack is and how demanding your needs are. In terms of cloud services, Dokku on a Linode is great for personal stuff, Heroku is great for small clients who won't go over the hobbyist tier, and AWS and GCS are there if you need them.

/g/ might call you mean words if you use Heroku.
>>
>>61076794
That statistic is way too broad to be relevant here. You need to at least look at stats specific to web developers or at the very least software engineers.
>>
In Javascript, lets says that I have an object like this:

Object {Images: 1, Offtopic: 2, Humor: 2}


And I want to make an array of new objects that'll have new properties (Category and Num) and will take the properties of the previous object as keys. i.e

[ 
{Category: "Images", Num: 1},
{Category: "Offtopic", Num: 2},
{Category: "Humor", Num: 2}
]


How would you go about doing this? Google is not giving anything specific and I'll really appreciate any help! I also think is kinda cool problem.
>>
>>61081838
let myObj = {Images: 1, Offtopic: 2, Humor: 2}
let myArr = []
for(let key in myObj){myArr.push({"Category" : key, "Num" : myObj[key]})}


someone will probably come up with something cleverer
>>
Is W3Schools.com a good learning resource?
>>
>>61048548
This, synchronous code is that much more relaxing.
>>
>>61082045
you are better off with MDN for a general webdev intro.
I think w3schools has reworked most of their crappy content, but their reputation is still pretty bad.

Also don't bother with codecademy.

Pluralsight is often recommended, can' tell you anything about them though (google for 3 months trial)
I used teamtreehouse for a month and thought I got a good return from the investment.

but really, you can learn everything for free if you know how to google properly and are motivated.
Keep MDN open in one tab and read the docs of whatever library/framework you are learning and that's really it.
>>
>>61082032
Thanks a lot anon, I actually think that's pretty clever, I was overcomplicating this way too much.
>>
>>61077196
>I'll post my homework on /g/ as a challenge and let others solve it for me
>>
>>61082045
I learned a lot from w3schools - most of their content is accurate. Take care not to go through it like a course, but rather look at the information you need to solve a problem
>>
https://www.youtube.com/watch?v=XL9Ri8pO68w

I've been following this old ass tutorial for the past week and it seems pretty good but I wouldn't know. Asks you to use ghetto method of notepad and IE compiling.

thoughts?
>>
>>61082554
>notepad
>IE
There is no good reason at all to do this. Not even to "keep it simple" in the beginning.
As a beginner you want to learn at a good pace, not wrestle with editors, that have no syntax highlighting.

use VS Code, Atom, etc.

also ignore jQuery
>>
>>61082655
whats wrong with JQuery, outdated now? seen as unprofessional? I'm not learning to get a dev position but to implement a front end for a simple business myself, i just need functionality and security.
>>
>>61082669
biggest draw for jQuery was the easy way to select DOM elements, but you can do that just fine with vanilla JS, without having to worry about browser inconsistencies (now)

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById
https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
etc.

and for AJAX you can use axios instead.

ok sry, don't want to just senselessly hate jQuery, but many people get so dependent on it, that they never actually develop a more accurate understanding of what their code actually does.
>>
is it okay to reuse code from older projects if you're a beginner?
or will that prevent you from learning the concepts?
>>
>>61082795
He went over a lot of that in the early tutorials without using JQuery but I'll skedaddle past the JQuery then. Would AJAX information also be outdated now as well? If thats the case I'll move on, the notepad slumming made me git gud at the syntax and operators at least so ill find a more current video.
>>
who wants to build an app? idk what though. Just bored and want a project for my empty git hub
>>
Anyone want to work on twitch tools with me?

I'm at fundev.tv

Currently have a bit donation meter about to launch and I'm making a few things to revolutionize how Twitch streamers interact with their audience. Really, bit donations will change certain aspects of an overlay.

Several of the huge VC backed twitch tool companies have stolen my ideas because they have received praise from the community. No one was offering a countdown timer until I made it and everyone loved it. I made it because they ignored my tweets asking for it. I see 4k unique visits a day just for that timer.

I'm looking for someone strong in CSS and vanilla PHP. I use jQuery too. You make half of what I make, which is like 5 dollars a month. I pay for everything. Goal is to get VC funded. Worst that happens is you have a good portfolio project. I'm a developer professionally and this is a passion project of mine.
>>
>>61083173
If someone would rather be paid a flat rate per project I can do that too. I really need someone great with CSS and phaser.
>>
>>61082045
>W3Schools.com
https://web.archive.org/web/20130302014219/http://w3fools.com/
>>
https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element

css <3
>>
>>61083173
why wouldn't I just make my own tools?
>>
>>61083173
>fundev.tv

I remember you from a while ago. i'm a Python backend dev, if you think you have some use for me, I'll gladly join you for a handful of tendies a month.

Also, are you still hoping to get hired by twitch?
>>
>>61083173
your twitter says you just got a new job. Tell us about it!
>>
>>61083388
Yes I am, but I just got hired by another company just a few days ago to make education software. To work for Twitch I need basically Google-tier experience and I'm trying to build up that portfolio or build and sell a VC funded company.

I could definitely use the talents of a good Python dev. Currently to parse chat I use a Javascript WSS bot which runs client-side through OBS, but I would like to be able to bring everything automatically to the backend like a lot of the larger tool websites. I would be happy to have you along for the ride.

>>61083360
You absolutely can. The only thing I can bring to the table is that I know many of the developers from the Twitch tool community like nerdordie and muxy. I also knew the streampro guys before they got bought. Revlobot too. I speak with game developers on a regular basis and have even had dinner with several of them, like the playerunknown's battlegrounds devs, and speak occasionally with some actual twitch developers. I know the area very well and know exactly what is lacking within the community. I have had 2 VC-backed tool devs steal my credit scroll overlay but no one has copied my sub sunday tool yet. My next tool is going to put me on the map and I will go for funding immediately after launch. I have a few of the larger streamers signed up for some of the tools like giantwaffle and dansgaming, oshi7 and several more. Even if you make competing tools just let me know if you need anything as I'm always more than happy to help the community of Twitch tool creators.

>>61083425
Yeah, it's a 26% pay bump over my current dev job. I'm not exactly sure how I'm going to break the news to my current job because I'm worried they might fire me, but I'm excited to officially start moving up in the web dev career ladder!
>>
>>61083581
emailed you
>>
>>61084005
Emailed you. I am currently hounding the twitch developers to give me access to the interactive overlay feature.
>>
File: JeffMangum-500x322.jpg (37KB, 500x322px) Image search: [Google]
JeffMangum-500x322.jpg
37KB, 500x322px
>>61048526
>Look at other devs web portfolios to see where I can improve mine
>Every single one of them is full of transitional animations and css effects
>Mine is just a simple static site which links to my work and linkedin

Is going that far over the top what I have to do to be a web developer? It just seems so unnecessary to me.
>>
>>61084983
You have to sell yourself. CSS animations is a good way to do that.
>>
>>61085040
Ugh, that sucks. I like web dev but I hate design.
>>
>>61085130
I completely understand. Most places looking for developers will ask for a code sample rather than a live site. Just show them a good code sample using a variety of APIs with user login and stuff like that and you're golden.
>>
>>61079943
>NodeJS *is* JavaScript, which means it's gonna be single threaded
Not necessarily.

If you open instances of whatever is running javascript in an object pool, then you've absolutely got multithreaded javascript, since two clients could connect and run the same script.

>>61076883
>applying to places that sound like someone from the company made the ad and not a recruiter.
This.

Unfortunately recruitment agencies are unlikely to help any of us, they have the same problems most HR places have, they have a slight knowledge of what they're hiring for but not enough to actually use it as a factor. For graduates, there's no X years to judge candidates, they don't know what Vue is and so you become your race and gender.

>>61076909
>>61076968
This, plus awkwardness.

>>61079801
Use apache bench, commands look like:
ab -n 1000 -c 1 http://127.0.0.1:1024/

Don't dick with -c, you'll get dumb results that show massively multithreaded asynchronous servers as responding at 100,000RPS. Probably not.

>>61080267
>simple no-JS websites
But anon, then how do you change your website without logging on?

That's your first problem, next problem is none of your changes show up on google searches, then you learn about SEO and all the ways people have (usually failed) to solve it. At that stage, you might be ready for server side rendering.

Then JS, backend language and HTML begin to merge. Web development becomes clear.

>>61082554
Looks like he's selling angular, I'd like to write a tutorial, but I'd have no idea what to cover.

>>61082795
jQuery is a fine client side library but shouldn't run server side. I've seen a few solutions to two way binding, almost all of them involve extra code somehow and most jQuery dom manipulation is just a single line. It's the elephant in the room solution to both overly complicated web requests, which axios simply copied, and other way binding, since templating engines have always existed.

>>61083173
>vanilla PHP
Code debt
>>
>>61079976
lol, or you could just get canary and click this green button
>>
>>61084983
No, actually. You should have a website that demonstrates more of your skills. What are you applying for? What do you have qualifications for?

If you have a design degree, most of the people you graduate with were women and you just want to make things look pretty, then no. That's exactly what I'd expect to be quite honest and making portfolio sites like that is a good career move.

If you graduated engineering or computer science, you'd probably only web dev because the above aren't engineers, don't care about backend code and have wrote some horrendous systems. Writing something so much better feels almost like a relief.

In either case you're probably going to put a lot of work in your portfolio.
>>
>>61085631
>Code debt
What?
>>
My roommate just make a bunch of money selling those Yeezy shoes to kids , apparently he used some bot to do it. Does anyone have any info on these bots, how do they work and how can I make one?
>>
>>61085722
Not that guy, but I'm not seeing that button.
>>
>>61086044
Either you're relying on code written on a long time ago or you're relying on skills developed writing code a long time ago. Either way, you're inviting people to decrepit habits of coding.

There are newer methods of developing, faster, more universally agreed among developers. PHP, especially if it's vanilla, has many varying things wrong with it.

Now if he had said
>I'm looking for someone strong in CSS and Node.js, I use jQuery too.
Sold.

Although I actually prefer C#, so I personally still wouldn't care. You only write the sockets stuff once ;)
>>
>>61086513
but I write all of the php and don't need help with it. My shit is optimized.
>>
>>61086902
Also I've been writing this stuff for only about 4 months and I only use PHP as a method of interacting with a db, so an API.
>>
>>61049066
same here.
>>
Quick. Any way to stop an autoplaying mp4 from playing, using only CSS?
>>
>>61087728
CSS.stop(mp4)
>>
>>61087864
That's JS you ain't fooling me
>>
>>61087877
>>61087877
>>61087877
Thread posts: 321
Thread images: 29


[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.