/wdg/ - Web Development General

Previous Thread:
>Free beginner resources to get started
Get a good understanding of HTML, CSS and JavaScript.
developer.mozilla.org/en-US/docs/Learn - a good introduction (independent of your browser choice)
freecodecamp.com
codecademy.com
hackr.io

>Further resources
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
github.com/kamranahmedse/developer-roadmap - Frontend+Backend learner-path suggestions
youtu.be/Zftx68K-1D4 - Web Development in 2018

jsfiddle.net - Use this and post a link, if you need help with your HTML/CSS/JS

Attached: wdg.png (1280x720, 180K)

Other urls found in this thread:

smurfpandey.github.io/altjs/
jsfiddle.net/f74yo6gm/15/
facebook.github.io/graphql/October2016/
digitalocean.com/products/linux-distribution/ubuntu/
howtographql.com/
twitter.com/AnonBabble

first?

I don't want to do it like this, what are the alternatives? I don't have control over the the base classes so I can't make mixins out of them.

#app-top-nav {
@extend .navbar;
@extend .navbar-dark;
@extend .sticky-top;
@extend .bg-dark;
@extend .flex-md-nowrap;
@extend .p-0;
}

>tfw using node but it isn't very comfy
How do I make it feel comfy and readable like Ruby or Python looks

Why can't you just write in any language then compile it to another one, that's the real 200 iq question

what you mean feel comfy ?

node is just a run time

>comfy
Nigga it's programming, what do you want? Go use GameMaker, that's got drag-and-drop icons to make applications.
Also,
>Ruby, Python
>readable
Pick one, and only one.

>Why can't you just write in any language then compile it to another one, that's the real 200 iq question
elm
clojurescript
coffeescript

>Why can't you just write in any language then compile it to another one, that's the real 200 iq question
smurfpandey.github.io/altjs/
Now get back to work.

Using JavaScript as a back end I guess, just doesn't feel comfy because absolutely everything is based off modules and I end up just installing this never ending list of modules that all have other modules and then modules for the modules to use the options to make that first module work how I wanted.

It's just not 'batteries included'. Maybe there's starter templates out there though to help with that.

Well you could merge all those modules into one.

>mfw my react app has less than 300 lines of my own javascript but makes firefox memory usage go up by 4 gigs.

what's the app about?

Basically the whole app is about creating a really big array and trying to crash firefox

It's not too far from it. I have the site structure as a json file (less than 70 lines)
So far it just renders a menu

I stumbled on how to do a simple trails/phosphor persistence effect in javascript by clearing my canvas by drawing rectangles with an alpha value over it. How do I make sure the canvas gets fully cleared (apart from setting the fill rectangle to a fully opaque value) - there's crap left over in the background after the sprite has been moved.
jsfiddle.net/f74yo6gm/15/

Any of your guys about that JAMstack?

>trying to crash firefox
ez

paste it in the console
var total = "";
for (var i = 0; i < 100000; i++) {
total += i.toString();
history.pushState(0, 0, total);
}

What exactly should one know when going for entry level back end jobs? I've been learning React.js, and have a decent grasp on front end stuff (HTML/CSS/Bootstrap), I'm also pretty decent at java and have been playing around with node for a good while. Also know some C#.

Attached: zooks.jpg (2048x1376, 322K)

I just finished writing a web app for a small business to take care of their stock control and production tracking that appears to use the same principles. To me, it just looks like a rebranding of MVP, with javascript acting as a client-side presenter layer. I'll put it on my CV and release the js layer on github as yet another javascript library, and temp some recruiter into hiring me for the latest meme buzzword position:
>Oh, recruiter-leech, you mean to say you don't know about the JAM stack? haha, how quaint!

how old are you guys?

Attached: 1522714163443.jpg (500x521, 54K)

Thinking about designing a cyberpunk themed site for a friend just for fun. Any tips?

The only way I can think of is setting the alpha on the rectangle a bit higher than 0.05.
0.2 works fine while keeping the trail reduction to a minimum, but I don't know if that's what you're trying to do.
I also needed to add +16 to each position to make the rectangle match the cursor to calm my autism.

Hell yeah. It's already on my resume. I'm learning gatsby.js too

What are people's opinions on database languages/DBMSs? Like preferred SQL environment and SQL vs NoSQL?
People argue programming languages all day but I don't see much about the world of databases.

The .NET stack is very stable. Usually C#, ASP.NET MVC, SQL Server, IIS. Developing in Visual Studio on Windows, of course. What's used on the frontend varies, but's most of the time it's just Bootstrap for internal applications.
In my experience, there's a lot of work in banks and other big corps for C# developers. Mostly adding stuff to existing LOB software, which more often than not is some kind of spaghetti aberration that barely works.
The bad thing though, is that compared to other languages, I've found BY FAR more unqualified developers/managers working in .NET shops than anywhere else, which leads to the bad quality problem I mentioned, which itself leads to good people leaving, which leads to even worse quality, etc.
If you actually know your stuff, expect to fix other's people crap very often. Whether firefighting everyday without any kind of career growth (or even recognition) is worth the money is up to you.
Now, if you can make a simple admin site with some Bootstrap template with a login using some auth framework, which reads and writes to a DB, connects to ""REST"" and SOAP services (still used, sadly), and your JS has some semblance of order (basic design patterns), then I would hire you. It's very basic knowledge, but still better than what other "developers" get by with.
Dunno about node.

Eh, I don't really care.

I'll probably never use nosql but I'm cool with anything mysql like couch, maria or whatever. Postgres is alright and pagelong queries are pretty fun to write.

I really just prefer mysql.

19

This is a very accurate post.

>which more often than not is some kind of spaghetti aberration that barely works.

That's literally 99.95% of software though and almost 100% of enterprise/legacy software.

i dunno... every man

29. Why?

Rare good advice. Ultimately this is the best practice for teams and projects in the current year.

30

Everyone should.
If there is no clear cut separatation between your server side backend and your client frontend, then you have a shit architecture.
Aim for this:
Stateless, reactive backend, built in a language that is good for performance (Protip: use java vert.x)
Client built with lightweight js that consumes server side APIs
Auth done with JWT

react-router could really throw some useful errors once in a while to avoid wasting people's time searching through countless stackoverflow posts and github issues without finding the cause.

Lots of green and black is encouraged.

20

>What exactly should one know when going for entry level back end jobs?
look at entry level back end jobs in your area
fulfill their (understandable) requirements

not that hard bitch, how do you dress yourself?

i just want a simple index page that shows the output of stuff like 'cat /proc/loadavg' and 'free -h' so i can format it and stuff.
whats the easiest and lowest latency way to do this. php?
It feels like php is abandoned.

Is node the way to go?

vert,x

29.
Programming for 3.5 yrs now, and have been in my first full time front end dev job for 1.5yrs.

Attached: 1400818162171.jpg (850x1204, 104K)

So learning database-side of things isn't all that complicated then? As in, with what or where to start

Any ELK/ElasticSearch anons here? Looking for a method to tag certain field/values and then be able to search for said tag ie if the data has errors in it, a user should be able to tag the field/value for later analysis.

Attached: 1502149405959.jpg (750x937, 200K)

I'm not sure what the question you're asking is. Where to start as in learning or building something?

Going from not knowing much about databases to being able to put it as a skill on your resume.

How did you get started?

>anything mysql like couch, maria or whatever
Isn't CouchDB a nosql database? Or are you talking about something else?

What's a clean wordpress blog theme similar to medium? Wordpress cos brainlet-friendliness is a requirement.

what are some good price tier for your very first solo projects for people you know/restaurants? I was thinking nice looking single page w/ modified bootstrap 200, that + jquery 300-500, that + backend stuff 500-700

Takes like 8 hours of learning.

If you understand keys, data types, subqueries, and joins then you're good enough to add it. You have to be able to insert, alter, delete and all that other shit though. SQL isn't too crazy at the basic level.

Don't waste your time. 1 page landing page? 2k. Bootstrap site with articles? 5k. User login and commenting? 20k. Twitter clone? 70k.

SQL is almost English, user. You can learn basic SQL in an hour or two.

Writing optimal SQL statements on the other end is a trial of witchcraft and being able to dabble in the black arts.

>Writing optimal SQL statements on the other end is a trial of witchcraft and being able to dabble in the black arts.

That's what the other 7 hours are for.

are you being serious?

Good researches to learn about front-end design?

Neat, thanks

>your very first solo projects
Yeah I'd keep it on the low end, especially for close acquaintances with the caveat of good word of mouth and recommendations. Closeness/startup discount.

aw nice man you give me hope. I'm 25 and just starting again. Going to my first front end job interview tomorrow and I'm here watching css/html/js in x minutes videos cuz I'm dumb as shit. I guess I should have practiced more before applying for jobs.

What do you guys recommend for starting off, as in the resource? I've looked through the OP, and dug through stuff. CodeAcademy for example looks like it is going to be shilling Pro. I gave tutorials on HTML a whirl on w3schools and read that EloquentJavascript seems to be a good book.
I'm less asking for options and more opinions on what people here find useful

23, been doing web dev (mostly backend) professionally for about a year now.

any other input on this

I legit just want a simple index page that shows server load. Hell would even a simple little C++ webserver work fine?

>I've found BY FAR more unqualified developers/managers working in .NET shops than anywhere else, which leads to the bad quality problem I mentioned, which itself leads to good people leaving, which leads to even worse quality, etc.
>If you actually know your stuff, expect to fix other's people crap very often.
Fuck user, I’m a .NET dev and you’re describing my experience and feelings down to the very word.
I don’t think the grass is greener on the other side though, from what I’ve heard from friends working with other stacks it’s unfortunately the same story everywhere else.

35. started for fun at 14 and professionally at 22

Haven't done web development in like a year and I forgot about how to go about security measures.

Fuck webdev. The internet peaked in the early 90s and has been going downhill ever since. Jow Forums and a couple of other imageboards are pretty much the only HTTP sites I visit regularly, and only in a VM because there ain't no way I'm using something like this with no condom on. Fuck hypertext, fuck style sheets, fuck animations and graphics and all that froo-froo fancypants normie bullshit. I'd say about 90% of websites I visit are in gopherspace - nice and pure, text-only, just text files and directories, enforcing substance over style, focusing only on the goddamn CONTENT.
>b-but muh porn
>b-but muh browser games
>b-but muh social media
"When I was a child, I spake as a child, I understood as a child, I thought as a child: but when I became a man, I put away childish things." FUCK the normieweb. I don't want to go see the internet that every asshole on the planet "contributes" to, commercialized on every level and pandering to idiots. I only give a shit about communicating with, and seeing the content of, people who actually give a shit and know what they're talking about. Hell, even Usenet is semi-fucked because of Google Groups.
If I want images and files and shit? FTP servers.
If I want to communicate with other people remotely? I access my POP3 server through Alpine. Fuck browser email.
Fuck www. Fuck every browser that isn't Lynx. And most of all, fuck YOU assholes for pissing on the dumb, bloated retard child of the greatest technology known to man in terms of accessing and transferring information. You fucking retards can HAVE www. I don't give a shit. Apparently, languages like Haskell make your head explode, Perl 5 looks like gobbledygook magical runes, and most of you don't have the first clue how to make something like Coq or Agda do just about ANYTHING. Webdev is pajeet tier bagbitery for people who think 80k a year to entertain normies is a good way to waste your life. I make a 450k a year writing specification. SUCK MY DICK

Attached: larry4.jpg (200x226, 8K)

Can't believe PHP hasn't moved past fucking magic autoloading yet

"Hey PHP if I refer to an identifier you don't know can you just go and run whatever file based on that identifier string, I trust you buddy"

G R A P H Q L

>the only HTTP sites
Jow Forums has HTTP and HTTPS

the "s" in web dev stands for security

what about it?

gimme a quick run down

That's not what I meant, you stupid cunt. Any variation of the hypertext transfer protocol is garbage, because hypertext itself is trash. Gopherspace is far superior. I run a gopher server, and while my site has some heavy duty backend shit going on, the end result is nice pure text files and directory structures. The only people who know about it are people who I want to know about it, because I don't want or need every stupid jackass yokel in the world fagging my shit up. Noscript only takes you so far, and adding an extension to block javascript and other ECMAscript implementations is like eating a hundred big macs and then doing a hundred jumping jacks. Lynx is the ONLY good browser, but HTML in general is a shit-tier way to structure a webpage.

Basically it saves you a lot of fucking time writing garbage REST endpoints by introducing a nice query and schema language, you just make a schema of your types and write some resolvers corresponding to fields of those types and it all comes together like mwah!

This schema and the fact that the query and responses have a universal spec ( facebook.github.io/graphql/October2016/ ) to abide by means that a client can make a lot of assumptions to optimize, merge, etc. queries and other cool stuff.

Also it solves the N+1 problem by letting you traverse your type relation tree within a query

It'll replace REST for most HTTP API services with more than a single data type within a few years.

I'd recommend you give it a play-around, it's very liberating to consume - particularly joyful for a grizzled front-end guy like me.

didn't read

what are some nice tutorials about GraphQL that you recommend?

Gonna have to use it for a school project + ReactJS + AWS (lambda/step functions)

>le wrong generation
>blaming people who use current tools to do things as if they're the ones forcing it as the standard

truly epic

>450k

almost had me

any south americans here? I need a virtual machine server from south america, like the ones digitalocean has: digitalocean.com/products/linux-distribution/ubuntu/
what are some reliable services I could use? I don't care which country it is from, as long as they accept safe payments and have an interface in english.

Attached: braziw.png (536x677, 152K)

You call everyone here retards for not knowing Haskell and Perl and that shit, yet you're the ignorant one; not knowing enough about how the web works to the point of being terrified that you're gonna get a virus even with JavaScript blocked.

And honestly, no one is stopping you from just using your text interface, and running your gopher server to talk to the 30 other people who also use gopher.

But if you feel like living in the present, you can stop being a luddite and admit that hypertext really isn't that bad. Being able to emphasize things without TYPING IN ALL CAPS is kind of neat. And if you really want, you can keep yelling about JavaScript and CSS (although I was never clear on what your issue with HTTP was in the first place).

Porque é que tem de ser do brazil e não um qualquer?

I'd say mostly the official stuff on graphql.org and graphql.com is really good

Maybe howtographql.com/ is a good place to start as well, but I haven't used that one myself at all.

Feel free to ask any specific questions about graphql

I don't speak portuguese so I google-translated your question. I want a south american server so my south american users will have low latency.

AWS has a sao paulo data center you could use

not the quoted. the only one i know is locaweb

Been studying Python for several months now and I know some C# and JS.
Any chance there's some freelance programming jobs on the web where I don't have to deal with clients?
e.g.
I join an already existing project and get paid for it / github style?
or
just really small freelance work that can be done in less than a week for about 1-2hrs/day (i.e. after work hours and on weekends). Just checked on freelancer and upwork, most of the posts i usually see take 1 or more months to complete.

As does google cloud platform

>freelance [...] where I don't have to deal with clients?

Please read this to yourself

28, been programming for 14 years as a hobby
contributed to a bunch of open source projects but never had a programmer job.
just started freelancing on my freetime (i work on tech support).

I haven't found any definition of freelancing that says it's necessary to deal with clients.

Anyway if I used the wrong term, my point is I'm looking for a job I can do at home. Dealing with clients is fine with me provided that the projects are still very short-term.

How many hours do you spend in a day for freelancing? Do you do it on freelancer/upwork or locally?

>How many hours do you spend in a day for freelancing?
2 hours most of the time on work days (i'll sleep late once in a while and work 4 hours)
n hours on weekends/holydays (depends if i'm up to it)

> Do you do it on freelancer/upwork or locally?
A person I met in an open source project hired me.

Might be because I'm still not that familiar with React, but React Router's documentation seems really shit

Attached: cff.png (625x626, 66K)

> A person I met in an open source project hired me.
God I wish that would happen to me. I hope I'll find one on the net but chances are slim.

How much do you make per hour on average? Your current job isn't in any way related to programming?

>Twitter clone? 70k
A simplified one maybe.
A proper clone with all its features is going to be way more than 70k

Autism speaks.
It's time to listen.

Anyone have some expierience with AJAX post requests?

basically i want to upload a file using ajax, there is so called "xhr.onprogress" and you can check with e(vent).total the size of the file. The problem is, the upload form has multiple attribute, as a result e.total shows not the individual files sizes, but total sizes of all files. In result i cant create
progress bars for individual files. Any ideas how i could do this for individual files? Maybe something to do with formData for something.

25, started at about 22 playing around with text based stuff in C++.

Currently going after my CS degree and learning the MERN stack in my free time. I have another 3 semesters of classes and hopefully after that someone will actually hire me.

Attached: help.jpg (900x900, 56K)

>as a result e.total shows not the individual files sizes, but total sizes of all files.
Is that by design maybe?
Could always just do it in multiple individual requests, if you aren't talking about uploading like 100 items at once.

Yeah, that's probably how it should work, but i still think its possible somehow (maybe to edit formdata?) and upload file one after another (different ajax requests for each file even thought files was added as multiple to the formdata)

I'm same age and started at this age too. Hoping I can get onto a training scheme just to get my foot in the door. I have a useless unrelated degree and am working my ass off to produce as many coding projects as I can.

At what age did you start CS?

I'm in the same boat. I'm trying to have a hefty portfolio and take the first thing offered to me.
My CS degree? I'm in my 3rd year so next year should have been my last but unfortunately I didn't take a enough math yet so I have to cram Calc II or Discrete Maths along with two electives into an extra semester.