/wdg/ - Web Development General

Last thread
>IRC
#Sup Forumswdg irc.rizon.net/6697
rizon.net/chat/

>Get started
github.com/kamranahmedse/developer-roadmap/
developer.mozilla.org/en-US/docs/Learn/
freecodecamp.org/
codecademy.com/
medium.com/re-dom/master-the-dom-bc1a2a06089b
github.com/getify/You-Dont-Know-JS
>JS Frameworks
reactjs.org/
angular.io/
vuejs.org/
>CSS Frameworks
foundation.zurb.com/
getbootstrap.com/
bulma.io/
>SSG
jekyllrb.com/
hexo.io/
>Libraries
jquery.com/
sapui5.hana.ondemand.com/
>API
odata.org/
graphql.org/learn/
>Backend
docs.python.org/
ruby-lang.org/en/
golang.org/
nodejs.org/
docs.oracle.com/javase/9/
docs.microsoft.com/en-us/dotnet/csharp/
php.net/manual/en/
>Frameworks
djangoproject.com/
rubyonrails.org/
flask.pocoo.org/
scala-lang.org/
laravel.com/
playframework.com/
expressjs.com/
phoenixframework.org/
>Databases
memcached.org/
redis.io/
mysql.com/
postgresql.org/
mongodb.com/
>Servers
nginx.com/
apache.org/
aws.amazon.com/
>Useful
github.com/asciidisco/web-conferences-2018
>python coding challenges from three companies
spit.mixtape.moe/view/raw/a6f6ec1c

Other urls found in this thread:

gitgud.io/chiru.no/chiru.no/
2018.jsconf.is/speakers/
risingstars.js.org/2017/en/#section-framework
vuejs.org/
twitter.com/SFWRedditImages

>tfw company has old platform
>tfw new features takes extreme priority over improving, fixing, and updating existing platform and dev environment
>tfw it's 2018 and I'm still having to drag and drop files into ftp client to upload to server
>tfw i'm starting to wish i had a sexy react or vue job

You need to learn how to pay off that tech debt even in the unsexy jobs, otherwise the sexy Vue job will be the same problems, different stack.

I try, but i'm just a regular mid-level dev. Don't get to make decisions on priorities and stuff :(

gitgud.io/chiru.no/chiru.no/

You have weak technical direction. Incremental improvement needs to be built into the operational process, not by doing a massive all at once rewrite, but by bits and pieces. I'm doing this right now porting our ancient legacy codebase to react. React is a really good fit for this. I'm starting from the bottom up, taking all the dumb UI leaf components and reworking them into react components whenever they have bugs which need to be fixed. The trick is to get a really small example of the new pipeline into production as early as possible. This usually only takes like a day. Then you just have a little more converted in every build.

People always say "Find what companies in your area are using".

Is there a tool to automate this? I realize I can go to a few job sites and manually type each language/technology and count the results. I'm asking for a more automated tool.

We put up a job listing at my company and all but 1 of the applicants are Indian.

For whatever reason it goes like this.
>Indian gets CS BS in India
>Indian comes to us and gets MS
>Indian applies for job

We are out in the middle of nowhere and they are offering to work here for half market value.

They all know like 30 languages and I think they are full of shit. Seriously, C, C++, C#, then like 4 javascript frameworks each. They all respond the same. It's so weird.

There is not, but that saying is also bullshit.

It just gives you a better chance. Also most jobs have stacks they want you to know, so if most jobs want RoR then ok, but all of them will have different other stuff they want you to know.

>Indian gets CS BS in India
>Indian comes to us and gets MS
>Indian applies for job
Yeah, this is how it works. My dad is a software engineer and has done some hiring, and his theory/experience has been that a BS in India is not as in depth as a BS at a US university (or wherever else), so they tend not to get as much experience during that. Then the MS program is more theoretical, and doesn't require much actual programming, so they come out with very little actual experience.

IMO, at least with overseas indian developers i've worked with, they say they know a bunch of stuff and that they can do what you need them to do, but they really don't, and then end up learning as they go, taking twice as long, and writing shit code that is ugly, buggy, and not well thought out.
Some of them are decent though, relatively speaking, of course.

Would you fags stop making such awful poorly coded websites full of jscript please? You're slowing down the whole internet.

But I already make an extra effort to ensure, that my code is lean and fast.
It's not my fault others load in 20 libraries, just to make an image fade in, when you scroll.

ITT: dumb dumbs pushing 2 or 3 peoples worth of jobs and salary for single percent increase in wages

look in the mirror /wdg/ you are the pajeet

I don't see the complex part about this. Front end styling is nothing is it the back end? It seems more like corporate incompetence with ill designed shit with overcomplicated backend choices.

Is it really that hard to run a site with good traffic if you just stick to simplicity? No worthless libraries to do minor tasks. No over the top backend solutions. Django apache postgresql with a vue front end. Why wouldn't this work for a site with heavy traffic outside of possible security issues? I'm ignorant, I just would like to be illumined on this subject.

I need to produce a portfolio of JavaScript work by the end of this weekend. What are some quick n' easy things I can make with base JavaScript besides a to-do list?

isit${anons-name}sbirthdayyet.com

Since you just need it for the weekend, I'll write the whole damn thing for you:
Is it anons birthday yet?
NO

AND HALF OF THEM USE THE SAME RESUME TEMPLATE TOO WHAT THE FUCK

Are you complaining about full stack?
Wasn't this to be expected?

That's not JavaScript what the fuck

I really want deferred css to be a proper thing. Let me inline just enough to render and load my favourite framework async.

There's loadCSS, but a Javascript polyfill is not my idea of improving website performance.

Depending how you define "heavy traffic" that would work an awful lot better than modern trends give it credit for.

We've had sites big enough to advertise on national television running on one physical server with PHP going back quite a few years. These memes about how nothing scales unless you have a billion servers is based on the idea everyone is facebook.

You tell them it is, damn

>Do websites as a hobby for friends
>Do pretty well with django+bootstrap
>Try out latest Angular
>It's the epitome of bloatware requiring 29k files, 300+ Mo disk usage out of the box just for on app
>js bundles are 7MegaFuckingOctets, 2Mo using AOT compilation
>Official tutorial is a fuckfest full of vague instructions
This is fucking embarrassing from one of the top 3 web dev frameworks on the market.
Prove me wrong.

Look at this shit

Just use react Nibba, way less shit included out of the box.

Nice comparison between a framework and a library faggot

How nervous do you feel when you send some screenshots to a client and are waiting for their response?

Just sent off my first piece of commercial work...

I made a thing guys.

what do you think?

rndm.nu

JSconf full of feminist and soyboys
2018.jsconf.is/speakers/

Depends on what contact you have with the client and how confident of your work.
I get nervous when I don't get an answer within 24 hours though, fuck """"""busy""""""" people who just wait for no reason to give you feedback

No one gives a fuck

What's the point?
Cool features I guess.
But "true random"? Nah. Anyone with basic random generating knowledge will know it's bullshit.

>No one gives a fuck
t. gender queer soyboy.

qt3.14

What laptop do you guys use for web development?

Everyone around me uses mac books, and i was wondering if it is the right choice.

Anyone using a discogs api on their site?
Post link pls?

You should unironically buy a cheap old ThinkPad because they actually have nice keyboards

Easy way to get a random number real fast.

Also true random numbers are easy as shit to make.

#
You should unironically buy a new MacBook because they actually have nice keyboards

got my lenovo T430, 8gb ram, 500 SSD, i5, a beauty, for about $250. At work, nobody in the programming area uses a Mac. We make fun of everyone using Macs or Windows.

>true random numbers
So i guess you went through the fuss of plugging atmospheric or whatever sensors to your server to generate real randomness? Cause if you just rely on hardware, it's pseudo-random.

Fuck off, shill

I never got using macbooks for webdev, because some usual special characters like \, and such are more complicated on a macbook than other keyboards.

Atmospheric sensors are hardware genius. It’s not actually true random atm, but I’ll add that after awhile. True random number generators are available for like $40.

>It’s not actually true random atm
So, to go back to my 1st post, you shouldn't say "True Random Numbers".
I mean no offense though, i don't really give a shit.

To go back to the website, I would add a first option to let the user choose the random generation boundaries. A form with "lower boundary", "upper boundary", "how many numbers to generate". After that, you could keep the already developped generations (Random number between 1 and 5 inclusively, etc)

The "save" and "copy" buttons are super cool. Why do you make the headers available?

Get error messages in a Spanish gives me a blank page (firefox 58.0.2 (64 bits) with ublock origins).

And to finish, you could add little css to all of this, it's not worth it to use a framework.

Hope this helps

>So, to go back to my 1st post, you shouldn't say "True Random Numbers".
true. It's just an alpha atm, but i guess the site should say as much. I'm not going to publicise it in any significant way until it has true random numbers.

>I would add a first option to let the user choose the random generation boundaries
Like they can already? I'm not clear what you mean.

>The "save" and "copy" buttons are super cool. Why do you make the headers available?
Save and copy buttons? Headers?

>Get error messages in a Spanish gives me a blank page
Yeah, one of many things not done yet.

>Prove me wrong.
but you are right.
I was fucking disgusted when I tried the Angular CLI tool once and saw all that shit and its build setup
Doesn't matter what you call it.
React, Vue and Angular are the "big 3" that compete for the position of JS frontend framework in your stack.

Could be worse senpai, at work we're doing evolution and maintenance on a (I shit you not) WICKET application.

The fuck is Vue? I missed that one.

It's a frontend view library, like React. It has gotten much more popular over the last 2 years or so, but still behind the other 2 when it comes to commercial usage. (Though Alibaba, Nintendo and Gitlab are examples of larger companies using it)
Large companies generally gravitate towards Angular and smaller startups are drawn to React right now.

risingstars.js.org/2017/en/#section-framework
vuejs.org/

neat

x220 with upgraded RAM, SSD and stock keyboard. Running Debian Stable and i3. It's great for "simple" webdev using Sublime and Firefox Dev with a few terminals, but it chokes up when using things like Docker and VMs.

>Like they can already? I'm not clear what you mean.
I just checked again in case i'm retarded but i didn't see any form letting me choose the boundaries and how many random numbers to get. Can you lead me to it please?

>Save and copy buttons? Headers?
Pic related, in french.
"
JSON, raw data, headers
Save, copy to clipboard
"

There's no forms. You just change the URL.

for a number between 20 and 30 goto /20-30 ect.

>Pic related
Neat, but that's not mine. That must be your web browser. The API tells the web browser the numbers are in JSON format, so it probably shows those controls for all json content.

>You just change the URL
How am i supposed to know this, I haven't played with URL expecting intended behavior since 2005. At least make it obvious that you can use URL when people visit your website.

>Neat, but that's not mine
You should test this kind of behaviour before posting it on the net.

tl;dr of all my responses to your first post : it's cool. Please work on css, UX and test it more.

>How am i supposed to know this
Is it not obvious from the screenshot?

>You should test this kind of behaviour before posting it on the net.
lol what?

Ok this is my last answer because you're pissing me off. You posted the screenshot after I raised the issue that, as a visitor, you don't know you can fiddle with the URL. Nobody fiddles with URL to get an intended result today. How the fuck did you think it's obvious is beyond me. How can you be so fucking isolated from the usual user behaviour holy shit.

And if you didn't test your site enough to get some data display like posted in then test it more you fucking mong. Install chrome, ie, ff, opera, and test all that shit. That's fucking basic.

Can anyone give me a dumb explanation how laravel is structured and how to work with it?

YES.

You ask for a code sample and they ALL say EXACTLY "for your consideration" and send a Google drive link.

This is fishy.

>Nobody fiddles with URL to get an intended result today.
Yeah. I know. But the screen shot makes it sort of obvious right? I honestly don't see how you could look at the screenshot and not see how it works.

Anyways, asking you questions seems to piss you off.

>And if you didn't test your site enough to get some data display like posted in then test it more you fucking mong.
But it's displaying perfectly? You even said you thought that was cool lol. You're a strange fellow. Thanks for the feedback though.

what website should i make? i need ideas

>be me
>forced into angular
>learn typescript
>interfaces can be partial
>interfaces can extend classes
>interfaces that are a function but also have other properties
>it is all JavaScript under the hood
Why in the fuck did Google settle for this retarded microshit-sponsored language having Dart?

5chan.org
kysdumbfrogposter.org

>>>>>But the screen shot makes it sort of obvious right?
>>>>>>>You posted the screenshot after I raised the issue
>>>>>>>You posted the screenshot after I raised the issue
>>>>>>>You posted the screenshot after I raised the issue
>>>>>>>You posted the screenshot after I raised the issue
>>>>>>>You posted the screenshot after I raised the issue

>Why in the fuck did Google settle for this retarded microshit-sponsored language having Dart?
it was like a meme learning generator typed this

ok get this
its like facebook but like for porn
yw yw yw

literally doesnt matter

>interfaces can be partial
as with other languages with partial classes/interfaces, this largely there as a convenience for code generation
>interfaces can extend classes
a class in typescript is also implicitly an interface. you must realize that in typescript, an interface simply is a contract that states "this thing has exactly these properties and methods". a class on its own states the exact same information.
>interfaces that are a function but also have other properties
javascript functions can have other properties. why would be the point of interfaces if they didn't have complete coverage?

>literally doesnt matter
>want to develop for iOS and make IOS apps
>doesn't matter

kys

>iOS apps
>webdev

>hes in wdg
>wants to make ios apps
lmao you wont make it kid

>convenience for code generation
So they were lazy after all and instead of doing a good language from scratch they piled hacks on top of Javascript
>an interface simply is a contract
Precisely. Not an implementation. This was just another unnecessary hack.
>javascript functions can have other properties.
Fuck JavaScript. Seriously fuck JavaScript. The whole point of needing a new language is because JS is utter crap. Lazy TS designers, they should have stayed away from JS, but I guess this was too much for the current rimes.

Please stop

>Not switching job

You almost deserve legacy technical dept

Is it worth 4 years and the debt to get a CS degree or is self teaching the way to go?

Companies just want a piece of paper telling them you're responsible 4 years of your life.

Has anyone gone through any react course on Udemy? If yes, would you recommend it?

I just went through Wes Bos React course released a day or two ago and after we dived deeper into React I found his explanations lacking.

>>>>>>>>You posted the screenshot after I raised the issue
It's a screenshot of the actual website though. So... ?

>Lazy TS designers, they should have stayed away from JS
Actually making a statically typed langugae that compiles elegantly to js is the hard thing to do. Google tried it and completely fucked up with Dart. Now they use typescript internally.

Someone help

I refuse to believe this doesn't exist

I can't speak from experience being hired because I'm not looking for a job yet but I'm self taught and after 3ish months of learning I can hit all requirements for every front-end junior job I search for easily, knowing everything

I'm probably overqualified for a junior already, not showing off but that's just how easy the requirements are to hit. But I do autistically put in like 12-16 hours a day sometimes, so take from that what you will.

Roadmap for reference

Could you just tell me which resources did you use to learn React aside from the official docs?

Did you purely use resources like FreeCodeCamp or did you have a certain idea for a project in mind and went through creating that and learning that way?

there isn't really.

>The whole point of needing a new language is because JS is utter crap
ah, so you're a retarded animeposting memelord after all

I liked these threads better when it was about solving problems and showing off projects than "Which book/codecamp do you recommend?" x200.
Just work on projects and stop following tutorials or you'll never learn. Look things up as you go. Codecamps are designed for retards wanting to copy-paste and get a diploma.

What would you guys do of you worked for 50k at an awesome job but only got 1k raise per year. Everyone here is your friend, you can come in when you want, and they take you to cancun every other year.

Then you apply to a place and they offer you 85k a year, but you have to work alone.

What would you do?

Any of you ever heard of "startup weekends"

Apparently you pitch an idea then you build a team with other people and try to launch a business over the weekend. They seem cool.

I'd probably stick with the first job unless the new one offered similar working conditions. Enjoying the workplace is more important than pay in my opinion.

I started off with basic udemy courses then I tried to make a typical site using APIs and stuff on my own but it was incredibly annoying so I kind of gave up and did the Wes Bos tutorials, which were fucking shit because he used everything outdated and wrong so I backwards engineered it all without looking at the forums or anything and I did it in ES6 rather than what he was doing too, but he's fixed it now so it might be up to date I guess. I learned more figuring out how to fix his outdated guide than I did from him honestly.
I learn more from doing than just copy pasting from tutorials but I like to mix and match I guess.

Then it's just a lot of random youtube videos about how state works and how passing props works and all of that, it took me ages to understand how to even pass props through to other components but it makes sense now.

desu I just do whatever I am feeling at the time, if I want to listen to music I'll do freecodecamp or codeacademy or whatever that's just simply doing small typing to brush up on JS or something, but I started off with freecodecamp -> web dev bootcamp -> git a web developer job -> lots of random videos & tutorials to figure out which front end framework to pick -> react videos -> wes bos react + react/redux tutorials -> flexbox/grid/sass tutorials -> making my own projects -> more react random course videos I found
and that's about where I am now.

I just watch everything on 1.25/1.5x speed

Thanks.

I'm thinking about taking in the offer letter and seeing if they will renegotiate salary.

Thanks, m8. I just started with react a few days ago so the props and state and lifecycles are still a bit muddy for me. I plan to do one course on react and go through react docs, and then I will go work on my own projects.

sounds stupid
if you go to those coding challenge events its the same thing but much faster and you actually build a solid friendship because it's less serious than "startups" (of which you can then go on to work towards legit startups).

asking for book recommendations is MUCH better than what we usually get which is "which $1500+ product should i buy to web dev" as if it matters

> npm
> not yarn

kys

>using Gulp/Grunt
>not GNU Make

all: optimized/index.html

optimized/style.css: style.css optimized/svg
mkdir -p optimized
csso style.css -o optimized/style.css

optimized/svg: svg svg-tweak.js
mkdir -p optimized/svg
svgo svg/*.svg -o optimized/svg/ -p 1
node svg-tweak.js

optimized/index.html: animation.html optimized/style.css optimized/svg
inline-source animation.html --root optimized > optimized/index.html

clean:
rm -rf optimized *~

wording this
thats one example of a very clear upgrade

I'd share my progress but I'm not sure how much people in /wdg/ care about backend and database stuff considering how 90% of all talk here seems to be about javascript frameworks and HTTP request handling.

It sounds fun to me. I just bought a ticket for the one in ft worth

Post it, I'm interested and it can't be worse than the rest.

nooblet here

Can anyone help me find the source code for modern PHP's register_shutdown_function()?

I'm building an application that has a master configuration file. If this file says LOCALHOST is on, the developer error reporting is enabled.

However, this is a complex file by itself, that makes use of an interface as well. If someone fucks up with the config file which is not too hard, I have no way of printing a proper developer feedback at that point.

What do?
Moving localhost variable to something other than the master file would just be bad

Usually there's just one variable called "DEBUG" or similar that turns on all the logging and error messages. If you can't make the config file any simpler then there's not much you can do other than writing proper documentation for it.

It's not fully realized enough to actually demonstrate it, but I'm working on a .NET library with a fluent API for constructing search conditions. The idea is that you'd build a generic search condition like this:

// Note: FooProperty is an enum
var condition = new SearchConditionBuilder(FooProperty.Alfa)
.EqualTo(10)
.And(FooProperty.Bravo)
.LessThan(FooProperty.Charlie)
.Or(TestResult.Delta)
.Not
.GreaterThanOrEqualTo(TestResult.Echo, e => e.Add(55, f => f.Multiply(TestResult.Foxtrot)));

which could then be converted into an SQL (or any similar query language) search condition (WHERE) looking like this:

WHERE [Alfa] = 10
AND [Beta] < [Charlie]
OR [Delta] NOT >= [Echo] + 55 * [Foxtrot]

The reason I'm doing this is because LINQ-to-SQL doesn't allow you to build fully dynamic queries and something like this would be extremely useful in another project I'm working on. It also lets you mix properties and constants in expressions, which LINQ-to-SQL often has issues with.