/wdg/ - Web Development General

first for react

>>61829469
second for react

File: parsing_stuff.png (38KB, 437x599px) Image search: [Google]

38KB, 437x599px

back end > front end

MEAN Stack Best Stack

Trying stuff out, I think I understand why people bully web devs.

Everything is so drag-n-drop. There are like 20 bazillion frameworks and libraries and APIs and whatever the fuck and you're completely constrained.

I understand that this is the nature of the standardized web, but I hate this shit.

>>61830416
What should I know before diving into mean?

>>61830658
that angular and angular2 is not backwards compatible.

>>61830503

Yes.

But now you also understand why there are so many JS frameworks. It's just boring to glue the same shit together over and over again with the same old technology.

If we only had ONE web language and ONE modern framework left, we could still do everything with it. But nobody would enjoy his work anymore.

>>61830658

Node is OK, but for the rest:

Check PostgreSQL or MySQL instead of MongoDB. NoSQL is sometimes great, but also has downsides.

For Express check alternatives like Meteor, Koa or Sails.

Also I'm not gonna lie to you: Vue > React > Angular.

>>61830778
why do you think vue is better than react?

also jwt or oauth?

>>61830807

1) One cool dude & team > facebook > google
2) Vue is more light weight and more to the point. React is OK, Angular is like Java.
3) Vue code looks better to me (though I also like React). Angular is just an ugly b*tch.
4) React's JSX is refreshing but too experimental for me.


>also jwt or oauth?

Personally I think JWT it the future.

File: nats_micro_arch.png (134KB, 2276x690px) Image search: [Google]

134KB, 2276x690px

Ok /wdg/ what is THE book or learning resource for TDD? I'm sick of being a shit lord and writing untestable code.

>>61830978

>get TDD framework for language of your choice
>learn how to write a simple test
>red-green-refactor each new feature/funtionality

That's basically it.

Javascript question:

Say I'm holding a .wav file inside a Blob object. Now I want to pass that object's URL to an audio tag. How do I do that? I'm asking because since this is a Blob, it doesn't end with .wav, it's just an extension-less object.

>>61830416
MERN is superior.

>>61831091
everybody knows WINM is the ultimate choice

(windows iis .net mssql)

>>61831057
the last one is where i need a concrete definition and set of guide lines

Anyone got tips on landing a remote web dev job? I'm still a junior dev but I do have work experience, not a complete newbie.

I've been applying to a lot of remote jobs because I want to move out of this country and have a more flexible schedule. But no calls back.

>>61831078
https://developer.mozilla.org/en/docs/Web/API/URL/createObjectURL Check this out

>>61831146

https://github.com/lukasz-madon/awesome-remote-job#job-boards

>>61830916

I want to learn Vue but unfortunately most jobs are for React devs, and there are much less tutorials for Vue. So I'll stick with getting gud at React then move to Vue.

>>61831135
kys... it's not a bad option tbqhfamalamb, in hindsight i'd pick this over my php pajeet days
>>61831146
isn't remote where you don't leave the house tho? hows that going to play with finding residency in a foreign land

>>61831165
Dude, thank you. I'm going to apply for everything.

>>61831172
You can do remote anywhere, it just means you don't have to go to an office. I live in Europe so I plan on moving to Spain or somewhere within the EU.

>>61830916
the only thing I don't like in Vue is I have to any small callblack to onclick for example in my methods, is there a way to make it like in React
something like

<button @click="() => {do_shit}">Mein Nigger</button>

>>61831166

>I want to learn Vue but unfortunately most jobs are for React devs

And this won't change anytime soon if you do not learn what you want to use but instead slave to some statistics that change every few months. The "Eat shit, 10,000 flies can't be wrong!" philosophy..


>there are much less tutorials for Vue

Vue is very easy to pick up and you can be productive much ealier.


>So I'll stick with getting gud at React then move to Vue.

I'd rather do it the other way arround. Build a few small toy apps with Vue to get the hang, then learning React will be easy.

File: 1461240185918.jpg (46KB, 410x308px) Image search: [Google]

46KB, 410x308px

>>61831157
thanks that did the trick

>>61831241
>I have to any small callblack to onclick
what?

>>61831485
sorry, I wanted to say it there is a way in Vue to define a callback on events inside the template just like in React without adding it as a method in js section

Why do people get so buthurt when a service is no longer free because it can't sustain itself?

Why do people think website owners have billions of dollars so users feel entitled to free content?

>>61831797
for events you use "v-on" or "@" as shorthand

<a v-on:click="toggleChart(board)"></a>

or

<div @click="selectedIndex = 22"></div>

https://vuejs.org/v2/api/#v-on
https://vuejs.org/v2/guide/syntax.html#v-on-Shorthand

>>61831866

It's called entitlement. Society creates norms, and when norms are removed people react as if it were abnormal or unjust, when in reality there are no objective norms or absolute morality. Nietzsche etc.

Which service are you talking about in particular?

>have to integrate with a WS via JS
I hope whoever came up with SOAP and WSDL chokes on a tsunami of dick

Can anyone give me a link on VueJS/ReactJS pulling from a JSON API server? Just need a good code sample

Applying to a job and they fucking as for my gender pronouns. Fuck's sake now i don't want to work there.

>>61832832
They might not get anything done. You should look for a job where they squeeze out the productivity of the developers.

>>61832799

import Vue from 'vue';
import axios from 'axios';

Vue.prototype.$http = axios;

const RootComponent = {

    template: '<pre>{{body}}</pre>',

    data() {
        return {
            body: null
        };
    },

    mounted() {
        this.$http.get('https://api.github.com/users/octocat')
            .then(response => {
                this.body = JSON.stringify(response.data, null, 4);
            });
    }

};

new Vue({
    el: '#app',
    render: h => h(RootComponent)
});

There is vue-resource as well, but it's been retired (axios can easily take its place)

>>61832116
Not even forcing a fee. I just put up a donation link and half the users lost their shit.

Got a simple question.
I'm making a photobook-like app, where user can upload images, descriptions, then get a pic of what they uploaded in its entirety
I'm not interested in having any permanence; images should be removed when user has received pic.
QUESTION: How should I store images?


I'm thinking I'll get sluggish if I store on client side (I might be wrong).

>>61833591
If you don't need the images for future use, then whats wrong about doing everything client side?
Also saves tons of bandwidth.

>>61833509
>>61833509

That sucks. How intrusive is the donation link?

>>61833509
yeah, a vocal minority always loses their shit over donation links.

Why does webdev always feel clunky and messy

How should I dev without it feeling clunky

>>61834257

Know your tools.
Know your workflow.
Know yourself.

>>61833066
quick rundown

>>61834399
this pretty much
Webpack sometimes gets some shit for being yet another complicated JS tool, but the ability to require/import literally everything is really amazing.

>>61835116
not that anon, but what do you want to know?
https://jsfiddle.net/fj5e2bq2/1/

any good resource for basic login? It's only for administrator access to one page on the site. asp.net btw.

>>61835391
>literally asking us to do his google search
kek

File: 1501514150286.jpg (58KB, 224x216px) Image search: [Google]

58KB, 224x216px

>>61832832
lmao

>>61829467
Any way to browse bookmarks on an HTML file from a CLI and without a web browser?

>>61836371
what?
You have a html file with URLs in them and want to open them without a browser?

regex the urls from the file and curl the results

Otherwise you need to explain what you want to do with more details.

>>61836422
I need to tag and sort a lot of urls inside an HTML file. In a way I can view and organize them at the same time.

>>61836462
All this manually but painless, if possible.

>>61836524
small script in your go-to language, that finds all the URLs in the file via regex. Then you do with them whatever you want.

>>61830778
What about hapijs

>>61836371
what you are looking for is called web scraping, even though, you use case is offline. You need something that can parse html to string of your language of choice. There are libraries so you don't need to go down the regex alley

>>61832832
>not listing -brah or -zeezbrah

>>61830416
>>61830778
If you want to try out (document-oriented) NoSQL, you should try NoSQL at its best: CouchDB. It's really slick. It speaks simple REST, so no DB connector's needed, has master-master sync, and a built-in web interface to manage the data. Since version 2.0 it even lets you use a MongoDB-style query language, so some what you learn will apply to MongoDB.

>>61837877
I've heard of CouchDB before, and using REST to access it sounds appealing. Any good resources?

>>61838317
I'd start with the official docs at http://docs.couchdb.org/en/2.1.0/. http://guide.couchdb.org/ is a pretty good book and may be more clear than the docs, but it's outdated.

>>61833066
This shit is ugly. React all the way.

>>61839154
Please provide a react equivalent example

>>61830778
>Sails
No.
https://kev.inburke.com/kevin/dont-use-sails-or-waterline/

>>61839154
Literally everything is better than fucking JSX

File: Nervous_Man_Approach_Anxiety.jpg (69KB, 300x374px) Image search: [Google]

69KB, 300x374px

Give it to me straight /wdg/. Is there a way to save MULTIPLE inputs from a single <input> element into localStorage or can it only save one? I want to make a page where the user can take down notes, which are saved in Local Storage. At the moment, I can save one note but any more notes overwrite the previous entry.

Just...deliver the news to me /wdg/. Am I going to die or can Local Storage save more than one instance of an entry with the same key attribute?

I love learning web development with you guys :)

>>61839700
Learn the fundamentals of JS, man.

>>61839723
You know what, I have been. And I don't like asking questions about simple shit. But I am tired tonight. If nobody wants to help me, that is perfectly understandable. I can just go to bed, wake up tomorrow and revisit the problem.

>>61839777
>I can just go to bed, wake up tomorrow and revisit the problem.
Do that. If you still can't figure it out, post again.

File: 1502138658177.png (9KB, 300x300px) Image search: [Google]

9KB, 300x300px

>>61839700
nigga use indexeddb

>>61839700
You can store all your notes into a notes array thats made up of notes. then just stringify it before saving it to LocalStorage

File: USER_WINDOW.png (39KB, 1316x843px) Image search: [Google]

39KB, 1316x843px

>>61829467
Hell,being a fucking lethargic I skipped a few days without thinking of this project,alright a rundown on project.

>Simple Login and Password.
>Non EMAIL Authentication.
>Goes into user panel.
>on the left there is a notepad directory.
>functions includes,creating a main folder then a sub folder and then notepad files.
>on the right there is TO DO LIST window.
>Zoom out levels include weeks,month and year.
>functionalities include remainder via mail,pie chart and graphs.

PIC RELATED is the rough overview.

and here is the user window after the user logged in.

>>61839154
react is hated around here because spergs literally think facebook is going to hunt them down and sue them into oblivion for making yet another imageboard

File: window1.png (196KB, 1920x1080px) Image search: [Google]

196KB, 1920x1080px

>>61841614
Continuing the project from a week ago,here is the index.html code,yes I will try to import the css from a folder and the current problem I am facing is due to the Jumbotron class its overlay-ed and the input box isn't working.

https://gist.github.com/arrylves/15840e3262045a5f4c811df4b6f3ab80

>>61829750
Backend + Frontend = 100k+/yr

I'm getting burnt out in I.T., system admin and cloud shit. I've got great Linux, AWS, and networking skills. Would a switch to webdev mean more money? I already know my way around Python and JavaScript. Would I have a leg up if I came into webdev already knowing Linux/AWS/Security/pentesting shit or would that be irrelevant?

>>61841686
>Reddit
>Not sleeping all night
>living in Pakistan
At least you like a good text editor.

>>61842071
>I'm getting burnt out in I.T., system admin and cloud shit.
Why?
>Would a switch to webdev mean more money?
Probably. If you can deliver everything to your clients on your own as a one man army kind of freelancer, then the sky is your limit. Though I am not sure that is the right way to go if you want to avoid burnout right now.

>>61841686
Your inputs work fine, your text color is white, so you cant see it. you need to override text colors on your inputs to black.

eg

input {
  color: #000
}

>>61842071
If you get burnt out in IT, lmao good luck in webdev friendo
Unless you don't actually mean burnt out and just bored, in that case I can understand, webdev is pure thrill desu

>>61842337
>Why?

The rote-ness of it. It's more maintainance than anything, and even that maintainance is being scripted into nonexistance.

Is freelancing popular with webdev?

>>61842376
That is more what I mean. I love the infrastructure side, I love building systems. But I.T. jobs themselves hardly have that.

>>61842456
Then you'll love this shit bruv. Maybe you'll enjoy sticking to backend but honestly full stack is comfy. Plus, none of the jobs are so intensive, so you have plenty of time to learn things you want to even if your company is using a different stack or whatever the deal is.

Thinking of doing a "twitch plays bitcoin"

I know how to do it. Already have a twitch wss bot
What do you think?

>>61842812
That sounds awesome. I've been getting that feeling but don't wanna get my hopes up.

>>61843001
Markets are adversarial. Your viewers, if they trade, would have an incentive to bankrupt you.

>>61842456
>Is freelancing popular with webdev?
Yes, it is.
If you don't mind doing shit jobs for lowball pay, and competing with Pajeets on Fiverr, then being a freelance web dev is right for you.

Freecodecamp down for anyone?

>>61843542
Well if the pay and demand for working a steady job is there in this field, I won't see the point in fucking with the Pajeets.

>>61843561
http://isup.me/

File: 284747.png (28KB, 429x459px) Image search: [Google]

28KB, 429x459px

>>61843762
I cant connect to the freecodecamp with any browser on my computer for some reason while my phone (wifi) does it fine