[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: 320
Thread images: 32

File: 1496845010511.png (731KB, 824x553px) Image search: [Google]
1496845010511.png
731KB, 824x553px
>Getting started
Get a good understanding of HTML, CSS and JavaScript.
The Mozilla Developer Network offers a good intro (no matter your browser choice)
https://developer.mozilla.org/en-US/docs/Learn

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

>What next
https://www.youtube.com/watch?v=sBzRwzY7G-k
https://github.com/kamranahmedse/developer-roadmap

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

>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

>an in-depth comparison of VPS hosts
https://www.webstack.de/blog/e/cloud-hosting-provider-comparison-2017/
>>
I'm quite out of the loop, but what software does people use to create banners? Flash is dead, i dont want to use it, .GIF, VP8, whatever? What does mainstream webdevs use?
>>
>>61571089
what's a banner
>>
>>61571115
ads banner
>>
>>61569379
I may be stupid but is there a reason that the w3schools series of instructions aren't here?
>>
>>61569379
Im new to actually making whole sites and have been assidiously avoiding anything with JS

Is that dumb?

My projects atm are a page for an app and a personal blog

Also is it ok to make another github account to get access to another github pages. Unsure if thats against their terms or anything.
>>
>>61571242
>assidiously avoiding anything with JS
Dumb? Yes
Necessary? No
>>
>>61571118
You can use webm in an html5 video
>>
Why do all FE jobs want someone with JS Framework experience? What if I don't have any?
>>
Anyone here from soCal? I'm trying to find out what the job climate is like in the L.A. area because I might potentially move there in the future.

I'll just be starting out so I mean as a junior dev.
>>
>>61572418
... Because all FE jobs actually entail working with JS Frameworks?
>>
>Get a good understanding of HTML, CSS and JavaScript.
Learning only these is stupid
what about Ruby? Python?
I mean, you didn't even mention PHP, what web dev are you intending to do, static blogs?
>>
>>61572698
dood being a nodebab is all the rage atm
js is becoming langua franca, every language worth its stackoverlow usage stats transpiles to it or can interpret it
>>
>>61572785
JS is indeed a must, but as I mentioned, learning ONLY these 3 will not make you a web dev, but rather a CS enthousiast that's 15 yo.
Most of CS passionate learn these as teens anyway.
HTML and CSS both take few hours to be tuned and JS is franckly not hard to understand if you have basic programming knowledge (ofc you'll need more time to get your hand on some libraries).
Additionally, SQL and PHP are more important than js, for that "standard, easy, teen" deving.
You can fully handle a forum without requiring JS (which I did, back when I was a teen).

That's to say: being a web dev today isn't about html, css or even js. If you wanna make decent shit (and get a job), you'll need to dive into more. Ruby on Rails, Python (Django or Flask)...
>>
I have a hammer, I bet I can make a pretty cake.
>>
To test a Chrome extension I'm making, I have to go into the extensions page and hit the reload button every time. Is there a more efficient way of doing this?
>>
>>61573022
I got this with "chrome extension reloader", perhaps there's something better somewhere.
https://chrome.google.com/webstore/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid
>>
>>61572926
but js is an application server language now, you don't need to learn php
since using node means you use js for front end and back end & node skills seem to be in demand for whatever reason, op is right to state that it's good to learn js to get started

you're right that learning sql is important tho, so is learning how http works, how mvc works etc
>>
dont judge me but where can i fasttrack learn angular 1.x?
>>
Is the Elixir/Phoenix hype justifiable or is it just another web dev meme?
>>
>>61572418
>What if I want a job as a car mechanic, but have never actually worked with a car before?

Then you're not a damned FE guy. If you mean 'how do I get experience so I can GET a job?', then just work on personal projects. MAKE stuff.
>>
>>61571141
w3schools is garbage.
>>
good sources to learn angular 1.x?
>>
>>61573459
>>61573158
Something wrong with the official tutorial ?
https://docs.angularjs.org/misc/started
>>
>>61572648
Enjoy your rent.
>>
>>61572698
>Ruby? Python?
Either is good. Python is used more broadly, but Ruby has a distinct advantage in the Rails Tutorial. It's free and covers everything, from the basics of the language to webdev best practices.
>>
>>61573171
It is. Read https://news.ycombinator.com/item?id=14846359. They discuss that very question.
>>
>>61573790
I know, it's gonna fuck me. My friend is moving and going to grad school at UCLA and is trying to convince me to come too. I'm just exploring the option.
>>
>>61573430
I've used it so many times that I lost count. Why is it garbage?
>>
>>61572698
>>61572926
It's under "Getting started" you dunce.
Of course people should learn more.

It's also dumb to push JS/Node aside and pretend, that python and dying ruby would be more important.
PHP I can't argue with. It's so widely established in all kind of things.
>>
>>61573576
To be fair, the official tutorial's pretty bad. Even the AngularJS people (i.e., Google, inc) said it was. If you're still here, or if anyone else is, try Scotch.io. I've personally learned it elsewhere - a place that's now switched to React, I believe - but I've heard they're good.
>>
>>61573393
I've been an FE Dev for 2 years. I don't have any experience in JS frameworks because they aren't used at my Magento job.

I might be getting a job offer from the one FE job which doesn't require JS Framework experience, and would have to teach myself to use when my new company would get round to implement it, since I'd be the most senior FE.

Wonder if the backene ASP.NET wizards could be of help in learning them.
>>
>>61569379
Someone give me ideas of what website to make. I can't think of anything remotely useful.
>>
>>61574523
Automatic twitch stream recommendations based on existing follows/subscriptions
>>
>>61573430
>>61573954
For a number of reasons. I won't go into huge detail here, but here's a few (specifically from the JS tutorial):
1. Their tutorials are completely abitrary in order. For example, I'd find it pretty tough to argue that variables are NOT an integral part of learning early JS. However, they don't introduce it until the 8th page, after already introducing a bunch of methods/functions like 'document.getElementById("demo").innerHTML = "Hello Dolly.";'.
2. Their waifus probably suck.
3. The fail to mention a bunch of key JS concepts, like prototypal inheritance, in anything but passing detail.
4. They don't mention ANYTHING about modern JS (ES5/6/7). No let/const, no thicc arrow functions... the list goes on.
5. They fail to mention function expressions.
(cont'd)
>>
>>61574669
(cont'd)
6. Their style guide(s) is (are) completely arbitrary and frankly wrong in many aspects:
a.) They say never to modify standard JS prototypes. Extending prototypes is a huge part of JS, and there's plenty of instances where you'd want to, for example, extend the String prototype with a firstLetterCaps() method.
b.) They say always use four spaces, and never tabs. I'm not gonna argue spaces vs tabs here but that's just asinine making a blanket statement like that, especially since many code editors will automatically convert between the two. If yours doesn't... get a new code editor.
c.) random line length < 80 requirement. This has no real basis in the real world.

In short they DO explain a lot of key concepts, but they leave out just enough to make it dangerous. They also give you tiny snippets of code, but never tell you where to go from here. So if you're trying to become a dev, you're left with the ability to produce exactly what they have in their examples, but not to extend it into any real-world concepts
w3schools is okay as a reference for stuff like "what's the difference between slice() and splice()", but not as a general learning source.
>>
>>61573158
I'm going to judge you, anon.
>>
>>61574669
>>61574688
So, CodeAcademy is somewhat better at it than W3schools?
I've started web dev a month ago, and I'm still trying to get into Javascript and PHP and I'm scared of learning the wrong way.
>>
>>61574597
that doesnt sound very useful
>>
Hi, /wdg/

seethering.com

I made my very first website and launched it all on my own using aws. This is probably nothing to you but, for a beginner to me, it feels like a significant step towards my goal of becoming a software developer. I know that front end technologies aren't really considered software development and that becoming comfortable with backend languages such as python and ruby is were it begins. However, going from knowing nothing to understanding the basics of a website, hosting, dns, was an eye opener and made me want to learn even more.

Would you mind critiquing my website? Sure, it's a basic, static website, but does it look good? Is it lacking in some way? I'm very much new to all of this, so there's probably something I'm not even aware of that you would immediately notice.

I created this website to talk about when and where you can see the solar eclipse coming up in August. I also talk about the importance of solar glasses to protect your eyes from sun damage. I use this as an opportunity to make some money through amazon advertisement and amazon affiliate links so people can buy solar glasses through my website. If I can even make $1,000 that would go a long way towards putting me through college.

So what do you think? Is my website bad and I should feel bad? Is it alright? I'd love to hear your honest/brutal opinion and, hey, I'd also like to know what your first website was. If you have a website that's live, feel free to link it, I'd like to see what you're doing.

Either way, thanks for your help and advice in the past, you've been a big help.
>>
>>61574775
I think so, yeh. Actually freecodecamp is my recommendation, since they actually have you do projects (albeit stupid ones, but that's fine!) from day 1. The important thing you need to do - that sites like w3schools DONT do, is start making your own stuff as soon as you learn your first "hello world". Remember that, despite what some people think, programming is an artistic, CREATIVE discipline. If you aren't creating, you aren't learning.
>>
>>61575048
>programming is an artistic, CREATIVE discipline. If you aren't creating, you aren't learning.
I'm going to steal that and look cool in front of my friends.

Thanks man, I'll start once I finish a website for a client.
>>
>>61575008
good for you anon
Make sure that you maintain the correct aspect-ratio of the images you are using.
Crop them if you have to, instead of stretching/squishing them.
The text on top of some images is hard to read. Would be better to have the text-shadow equally all around it.
>>
File: where_are_muh_sunglasses.png (55KB, 1278x434px) Image search: [Google]
where_are_muh_sunglasses.png
55KB, 1278x434px
>>61575008
looks gud
i don't have any links to solar glasses tho
also you might want to try using a dark shade of gray for main text instead of black
pls report back if this scheme makes you money
>>
>>61575355
>i don't have any links to solar glasses tho
i'm retarded, that was my adblocker
>>
>>61574775
M D N
D
N
>>
File: Untitled.png (6KB, 633x396px) Image search: [Google]
Untitled.png
6KB, 633x396px
>>61575008
pictures are stretching.
the entire "see the ring" section is out of place. you can easily put it in smaller text inside of the eclipse image.
If you want to go with the meme scrolling layout with large pictures, pictures should take up much more space, if not the whole viewport. since there's a fixed banner at the top, there could be some kind of change in order to more clearly show what section you are looking at. maybe the color changes to match the image color?
the large white spaces between each section is jarring and doesn't need to be there.
single words floating in the center of each picture doesn't look good. you should have some kind of subtitles to explain each sections purpose a bit more in order to make people actually want to follow the links.
i personally think you should add button links for the different pages on top of the images for a more intuitive interface. kind of more like pic related.
Your font is horrible.
>>
File: stress_man.png (37KB, 185x240px) Image search: [Google]
stress_man.png
37KB, 185x240px
>that Tic-Tac-Toe project from freeCodeCamp
>>
What's the best sans serif font for a control panel/dashboard application? I can't use the system default because some default fonts/browser combos don't have support for lighter or bolder font weights, and my hacky vertical centering is also different between different default fonts as well. What do you guys like?
>>
>>61576792

Work Sans

https://fonts.google.com/specimen/Work+Sans
>>
Eli5: WebAssembly? I tried reading a few articles but I'm stupid.
>>
>>61574523
bump
>>
File: 1474930096322.jpg (49KB, 665x574px) Image search: [Google]
1474930096322.jpg
49KB, 665x574px
I have an interview tomorrow and they're going to ask what I know about 'one of the ExtJS 6 frameworks'.

I don't know anything about it, someone please tell me what to say about ExtJS to get the job.
>>
How many of you here have jobs in webdev and how many of you are currently not employed in webdev?
>>
>>61575008
I don't know if you can do anything about it but the ads are disgustingly big.
>>
>>61577903
It's a huge monster of a framework. You're fucked.
>>
Anyone here know anything about LTI or OneRoster?
>>
>>61577960
Employed at my second dev job.

This ramped up in difficulty 10 fold. Easily.
>>
>>61577960
second semester senior. i was retard and went for double major, so i still have another semester before becoming a full time dev
>>
File: df.jpg (73KB, 1951x639px) Image search: [Google]
df.jpg
73KB, 1951x639px
Has anyone here used the Essential Grid plugin? Is there a way to achieve something like pic related with the skin editor?
>>
What does /wdg/ think of Grunt?
I just found it and its pretty neat.
>>
>>61579372
Never tried it. I've only ever used gulp and make files
>>
>>61579767
its great, just set it up and you have an auto-compile on any save.
>>
>>61579372
>>61579767
Anyone here tried http://broccolijs.com/? It's not very popular on its own, but Phoenix uses it for JavaScript/assets, and Phoenix devs seem to love it.
>>
https://www.youtube.com/watch?v=rLGCpRPwtj0 [Embed]

Per the video, do you think web-dev as a career is a bubble that is about to burst because it is dependent on low Fed interest rates?
>>
>>61573171
If you already know Rails or other major framework you will find that working with Elixir/Phoenix is almost exactly the same. Elixir looks and feels like any other scripting language and goes a long way to hide functional/immutable nature of the language with lots of convenience methods to iterate and map over lists and tuples, pattern matching and even variable re-assignment (syntactic sugar over immutable variables) so you almost never have to resort to using recursion.

Phoenix is not really going to give you anything over a regular framework as all the multithreading is handled under the hood by the framework. You really cant take advantage of the large scale multithreading unless you are designing servers or databases.

tl:dr Its very easy to work with and very familiar, but there are no big payoffs over regular frameworks
>>
>>61569379
What's a good way to build a portfolio that's attractive to employers?
>>
>>61579999
Complexity.

Use a lot of APIs.
>>
>>61579949
Elixir doesn't hide the data immutability. It simulates multiple-assignment variables for you, but it does not, for instance, simulate mutable objects. I'd say that for this reason Elixir actually feels different from your normal scripting languages and is, in fact, safer.
>>
>>61575008
>Make sure that you maintain the correct aspect-ratio of the images you are using.

I checked and did find some images that looked better when referenced as a css background image, using the cover attribute. It's that stupid map of the U.S. that's being difficult. I want people to see the whole map, no matter what device they are using. If I use the contain value for background-image, it fits horizontally but gets squished vertically. But using cover means the whole map isn't shown, which doesn't make the image immediately stand out as a map of America.

>Would be better to have the text-shadow equally all around it.

I also made this change as well, thanks for pointing it out to me.

>>61575355

>might want to try using a dark shade of gray for main text instead of black

I made this change, p color attribute from black to #666666

>pls report back if this scheme makes you money

I've made two sales so far, earning me a grand total of $0.91
>>
>>61575500
>pictures are stretching.
someone else pointed that out earlier and I made appropriate changes. If you still notice something, I'd appreciate you telling me.

The image of each separate state for the [ insert state name ] webpage was hard to pull off. I need people to see the whole image no matter what device they are using. If the image "covers" the background, then it's not immediately obvious that they are looking at a state map. If the image is "contained" in the background, then the ratio is off on one screen size or another. Any suggestions?

>pictures should take up much more space, if not the whole viewport
what, you mean take up all the space above the fold?

>the large white spaces between each section is jarring and doesn't need to be there.
Now that you mention it, it does seem jarring. I took that part out.

>i personally think you should add button links for the different pages on top of the images for a more intuitive interface. kind of more like pic related.

You know what, you're right. I made that change and I think it looks good.

>Your font is horrible.

Any suggestions?
>>
How easy is it to make a REST API from Node and MySQL?
>>
Hello pajeets of /g/
https://github.com/facebook/react/issues/10294
>>
>>61580501
>React

Get that shit out of here, Angular 4 is the only front end framework I will ever need.
>>
>>61580649
>Angular 4
Honorary pajeet
>>
File: 0 xkJgg-6HskYrQ3N7.jpg (69KB, 500x500px) Image search: [Google]
0 xkJgg-6HskYrQ3N7.jpg
69KB, 500x500px
>>61580501
>>61580649
>>61580675
Install Vue.js
>>
>>61580675
>Pajeet
>Using angular at all

The learning curve is like 4 times harder than React, I doubt any Pajeet works on Angular.
>>
>>61580727
use Vue
>>
>>61580746
No one gives a shit about Vue you chink
>>
File: 0 xkJgg-6HskYrQ3N7_1.jpg (59KB, 500x500px) Image search: [Google]
0 xkJgg-6HskYrQ3N7_1.jpg
59KB, 500x500px
>>61580763
Install
>>
>>61580763
npm install vue --save
>>
>>61580836
npm install vue --save-dev
>>
>>61580857
npm install -g vue-cli
>>
>>61580836
yarn ignore vue
>>
File: 0 xkJgg-6HskYrQ3N7_4.jpg (104KB, 500x500px) Image search: [Google]
0 xkJgg-6HskYrQ3N7_4.jpg
104KB, 500x500px
>>61580877
Don't ignore me!
>>
>>61580914
I'd maybe install it if there was a mobile community like React Native has, otherwise I'll stick to react
>>
>>61578271
You're right, those ads were too big. I changed it out with one row ads, hopefully that looks better and a lot less annoying.
>>
Getting the hang of d3 and making funky visualizations instead of visualizing relevant real-world data
>>
>>61581206
>>
>>61581206
>>61581227
not as weird as those people painting with CSS
>>
>>61572698
>what about Ruby? Python?
Learning only these is stupid
what about C++ ? MIPS assembly ?
I mean, you didn't even mention COBOL
>>
Where's a good place to learn how to intermingle sql, php, html, Javascript, and css

Example: remembering a specific person posted to a specific thread
>>
>everyone fighting over what js library to use
lol just use js
>>
>>61581787
I honestly learned most of that from looking at other applications and asking Stack Overflow when I got confused. And of course shitposting on /g/ for 10 years
>>
>>61580727
>I doubt any Pajeet works on Angular
This means angular is patrician framework then ?
I haven't used a front end framework since angular1 and have been looking to pick one up?
>>
>>61582140
Angular 1 is dogshit
Angular 2/4 is great as a framework (with typescript) but not great at speed
React is great if all you want to do is components (and styled components is awesome)
Vue is great if you don't mind working with a combination of react and angular principles.
>>
>>61582579
I haven't had any speed issues since implementing aot and tree shaking. Having that bundled into the cli, along with generating components and tests, make it so worth it
>>
>>61582579
>Angular 2/4 is great as a framework (with typescript)
it looks like you don't have to use typescript but that most angular tutorials use it
should i rather not bother and learn react if i don't want to touch typescript ?
is it even worth it to use typescript ? it seems like you trade additional build steps and some bloat for in editor autocompletion
>>
>>61583191
It also makes your code way more strongly typed. Since it gets precompiled into javascript, any browser only has to serve it up, not compile it at runtime making it very fast
>>
File: IMG_0751.jpg (120KB, 750x750px) Image search: [Google]
IMG_0751.jpg
120KB, 750x750px
>>61569379
Been programming for 4-6 months. Bit of Python, bit of C, lots of Java. Life is tough and I need another source of income.to pay bills and put food on the table. How quickly could I get good enough at web dev to make profit? I know you probably get this question a lot, sorry if this is annoying.
>>
any good ways to animate a 3 jointed arm in android studio

not even sure if this is the right place to ask this
>>
Are there any Udemy courses which are actually worth paying for or is every one of them 'amateur hour'?
>>
>>61584399
what are you even asking? how to do it in javascript or....?

regardless, look up inverse kinematics solver or something
>>
>>61583579
Very. Learn Javascript, pick up Django/Flask/Web2py. You might also need some SQL. Web dev is VERY easy these days. Also CSS. Just keep in mind there's a million other pajeets out there doing the same thing.
>>
>>61584747
it is android so im assuming it to be written in java. or how do i animate simple objects in android using buttons to turn them clockwise and counter clockwise. imagine animating a stickfigure arm
>>
File: crying_bunny.jpg (57KB, 1920x1080px) Image search: [Google]
crying_bunny.jpg
57KB, 1920x1080px
>tfw can't work out Javascript algorithm exercises on freecodecamp without checking the hints
>>
As a web developer, is accepted, or even excepted, to just google shit you don't know how to do and copy/paste the code?

For example, I'm going through the freeCodeCamp course, building a portfolio. I'm asked to make a contact section. As far as I know linking your mail on html is pretty much opening the gate to endless spamming. After some googling I read that contact forms are usually made with php, or JS, and since I've only since basic jQuery, I just search for a premade contact form and include it on my website after some styling.

Is this a bad move?
>>
>>61585044
>getting this far ahead of yourself
That doesn't actually teach you anything. You should try to make the mailing backend for yourself so that you know how to send mail for other tasks that may require it and understand where and why that observation of endless spamming might be true..
>>
>>61585044
If you're going to copy and paste things, you should at least know how they work. That's how you'll grow as a developer.

e.g. forms are an HTML thing. They generate an HTTP request that has the elements of the form as data. That HTTP request is received by the server and handled by PHP code, or whatever language you're using serverside.

https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms
>>
>>61576333

>he fell for the freeCodeCamp meme
>>
>>61585137
>>61585147
On my to-do list before "finishing" that project is getting familiar with JS and understanding the code.

Maybe I didn't use the right words, my point was, are you supposed to do literally anything on your own from scratch?

I feel like I'm getting too obsessed about remembering everything.
>>
>>61569379

I've got down js, angular, css/html/cshtml, and setting up an api and database with mvc and aspnet. Just gotta learn angular 2 and learn a bit more about domain driven architecture and i'll be that much closer to full stack
>>
What's the best way to get into Node.js / should I even bother? I have the most experience with Python and I like it more than Javascript, but we don't really use Python at work - our backends are Php, Java and Node.js.
>>
>>61574688
>a.) They say never to modify standard JS prototypes. Extending prototypes is a huge part of JS, and there's plenty of instances where you'd want to, for example, extend the String prototype with a firstLetterCaps() method.
I agree with w3schools being garbage, but I have to agree with them there. Dealing with code that relies on monkey-patched globals is less than fun in a big code-base. You try to re-use some modules from one page onto another page or another system, discover days later that part of it is relying on monkey-patched globals that the other page doesn't monkey-patch...
>>
>>61585569
Yeah globals are always hacky. Forget having a large code base, even one third party library could cause a nightmare debug session
>>
>>61577331
Think of it like a compressed form of asm.js.

asm.js is a small subset of javascript that browsers can optimize really well. Almost no one writes it by hand; it's mainly used as an output format for C/C++ and Rust compilers right now.

If you don't need a C/C++/Rust codebase to run with high performance inside of a web page then you don't need to worry about it at all.
>>
Ok so quick question

I'm designing a real estate app where the user can upload new properties, some properties are for sale and others are for rent, some are both for sale and rent.

How would you model this? I'm looking into Single Table Inheritance to have one "property" model and have 2 types of properties that inherit from it, but what should I do for the ones that are both for sale and rent? I'm kinda lost
>>
>>61585461
Personally I don't like how millennial they are but you gotta take any free learning material you can get
>>
>>61585565
To add, I'm a junior dev and want to solidify my understanding of backend development & concepts, because that's what I want to focus on. We already have good frontend guys.

I'm looking for a project type thing that would guide me through me building a thing. The language doesn't matter that much, I'm not super advanced with anything. Just no php, I already built something with it and didn't enjoy it.
>>
>>61569379
Lol. Bro, i have a better tutorial.
https://youtu.be/dQw4w9WgXcQ See ú
>>
>>61585618

Well there is always at least one property so you can have a property table.

Depending on the differences between sale and rent, you could probably combine them both into one table, lets say, propertyValue

propertyValue would have to have a primary key and a foreign key link to property, as well as a propertyValueType, indicating whether that type is to rent or to sell

so

Property
Id, Address, Seller, Etc,

PropertyValue
Id, PropertyId, PropertyValueTypeId

PropertyValueType
Id, LookupValue


At least thats how I would do it

However that also means there is a possibility of having multiple property values per property and you would have to enforce in code that there is no more than one property value type per property
>>
>>61585674
Try looking into an object oriented language like Java or C# for backend development. You might also need to look into architecture patterns for applications, such as Domain Driven Design, or Three tiered architecture to handle logic allowing a user to query an api endpoint and retrieve or modify data in a database. There are a lot of quality tutorials on Pluralsight if you don't mind paying for them, otherwise there is a huge repository of free books on github here - https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books.md
>>
>>61585718
thanks that sounds better than what I was trying to do
>>
>>61585921
>>61585718
oh and of course on the PropertyValue table you would have an number representing the value of the property. Forgot to mention that, but it might be obvious. You wouldn't want to put it on the property itself because the value is dependent on the property value type

Alternatively, you could put both values directly on the property and make them nullable, treating both a null value as the lack of that option

That way you would have something like

Property
Id, Address, SaleValueInDollars (nullable), RentValueInDollars (nullable)

If you don't plan on it expanding, it might be easier this way, but if down the line you were like, Oh actually I want to do an Airbnb thing and set up a different propertyvaluetype to support a temporary stay at this property. Then the former solution would be much nicer as you wouldn't have to modify the property table
>>
>>61585506
>are you supposed to do literally anything on your own from scratch?
Not everything, but most things, at least once. :^) It wouldn't be in a boot camp if you were just meant to grab something.
You don't need to remember everything just yet, but it helps to keep a mental index of what can be done and what keyword to look up to get the details. Practice will take care of the rest.
>>
>>61584857
As an engineer who has never written anything remotely like this for android, the answer off the top of my head:

1. Google up what the main drawing API for Android is,
2. Decide whether it's sufficient on its own or if you want to use some intermediary library,
3. Decide whether your use case is complex enough to warrant a complete 2D physics engine (they're pretty light), or if you want to just write your own one-off bone solution, FK or IK as >>61584747 suggests,
4. Write the entire application.

You should be able to do this.
>>
>>61585674
you should have the basics covered, given that you know JS already and get the concepts of async/promises/callbacks and javascripts non-blocking event loop.
You can check out express for a start, maybe add a DB of your choice and some authentication.
I assume you are already familiar with NPM and how dependencies and require() works.

>should I even bother
Node is getting more popular by the day, so I don't think it's a waste unless you already have another backend you use exclusively.
>>
>>61581787
Laravel tuts.
>>
>>61582579
Ember is an exit-level front end framework. It takes more effort to learn than any Angular version, but does fucking everything (pretty well) and is completely incompatible with Pajeets.
>>
>>61571688
Wouldn't that only work on chrome and maybe a few other browsers
>>
++variable;


why did nobody tell me this? i knew you could do variable++; in js but didnt know the reverse was possible. what other secrets do i not know about?
>>
>>61587313
Read K&R or something.
>>
I just got a job offer for £28k in London for a small company as a Front-end ASP.NET dev. They're apparently going to give me a bunch of training to get me to a full-stack level over 2 years (?). I'd probably be the most experienced person from a purely FE perspective coming in.

Did I do good? I'm going to interview for better paying positions/ more JS Framework learning positions outside of London in the meantime.
>>
Is 20k a good salary?
>>
>>61587642
For a 15 y/o kid in Yerevan? Fucking great. For a senior dev in NYC? Not so much. Give us some context.
>>
>take vacation
>feel better than I have all year
>return to work
>within 2 days my eyes are dry and feel like they are going to fall out

Anyone else have this problem? Not even flux helps.
>>
Hey guys, I've been learning PHP for some time now and I've created two big (4me) projects so far, a ((kinda) simple version of) CMS and a Forum Management System. Am I ready to start looking for a job or should I wait and learn some more? I don't know if those projects are considered complicated (in a business environment) or are they simple to make for real programmers, but I've showed them so some guy who works in the industry and he said they are pretty good.
Any advice from you people?
>>
>>61587178
Thanks, it seems like a great tool
Which tutorial do you prefer? There are a lot. ..
>>
File: ss-2017-07-27-14-46-14.png (3KB, 247x96px) Image search: [Google]
ss-2017-07-27-14-46-14.png
3KB, 247x96px
why is postcss-cssnext being a piece of shit?

<p className="test1">Test1</p>
<p className="test2">Test2</p>

:root {
--just: {
font-weight: bold;
background: red;
}
}

.test1 {
@apply --just;
}

.test2 {
@apply --just;
}
>>
>>61588129
okay, it seems that @apply is getting dropped from the spec and the postcss-cssnext don't bother updating postcss-apply or whatever. fucking clusterfuck. I'll just use postcss-mixins or migrate to Sass
>>
File: koding.png (179KB, 1366x768px) Image search: [Google]
koding.png
179KB, 1366x768px
How do I make writing HTML in VIM easier?
>>
How the hell do I integrate Node and MySQL to an Angular app? Like, where do I put the files and folders?
>>
>>61585044
Plz don't do this.

After a while, your project end up being a mess, plus, you don't get to learn anything.

I work with a front end dev that does this way too often and always end up scolding him because its a pain in the ass to change something in its code because not even him knows what the fuck everything is.

Also, this
>>61585147
>>
Further and further web development strays from God's light with every new framework and library
>>
>>61585044
it's fine if you understand what it does
i do this all the time but then take the time to rename stuff to fit project naming conventions, adapt c&p to my use case and write tests for it anyways
>>
File: 20170727_091130.jpg (3MB, 4032x3024px) Image search: [Google]
20170727_091130.jpg
3MB, 4032x3024px
Why is this not working?
>>
File: 62720179139.jpg (79KB, 640x640px) Image search: [Google]
62720179139.jpg
79KB, 640x640px
>>61589043
Phones suck
>>
>>61589051
Nvm had to make an object of it lel.
>>
Can someone explain why it takes 600+ lines of code to make an API call in react + redux?
>>
File: 1497876712628.jpg (14KB, 380x380px) Image search: [Google]
1497876712628.jpg
14KB, 380x380px
>>61588652
I was about to shitpost about emacs&vim, but seriously, why would you make it hard on yourself.
Just from looking at that screenshot it seems really inconvenient to work with, when things like Atom or VSCode exist.

>>61589043
>>61589051
use
 tags next time or a pastebin
hell, or even a screenshot
>>
>>61589154
heh
meant [ code] tags
didn't think it would work without the closing tag
>>
Anyone remember that 1 liner npm package that was mentioned in some twitter post?
It was one line of code and iirc it did something with arrays
>>
>>61589154
At work, not going to 4chan here.
>>
>>61589154
I'm working on a netbook I can't run Atom.

I would if I could.

I saw vim emett, which might help. I'm also looking for a beautifer, to fix the html on save.

Any help?
>>
>>61589043
>>61589051
don't name everything the same way
it's a bad practice
>>
>>61589051
If you can't even take a fucking screenshot, you don't deserve to be on /g/.

Fuck off.
>>
>>61589355
>I'm working on a netbook I can't run Atom.
Sublime Text 3. It is not even funny how much lighter, prettier, smoother, and more featureful it is than even the best Electron editor (VS Code), never mind Atom.
>b-but it's shareware
Just ignore the occasional pop-up. The unregistered version has no limitations. If you start making money hand over fist, buy it.
>>
>>61589355
vscode is much lighter I think. I would be really surprised if you can't run it.
Though I would take anything that at least has syntax highlighting.
>>
>>61589369
Yeah, was a test because my other class is already almost 100 lines.
>>
>>61589398
I'm a mid-level developer and asked such a basic question. Why are you so mad?
>>
I've been learning programming but i have never came close to web programming

Can someone explain to me what people consider as Web application? Is it just a website that has some programming involved like database that's presenting data in correlation to user input and stuff like that?

Also, can anyone explain to me why companies always join webapps with containers like docker, why do they put like 10 containers with some IIS and a webapp in it?
>>
>>61589505
Because you are incapable of taking a screenshot.
>>
>>61589518
maybe he's on 4chan on his phone and can't get on with his work computer
in that case it's easier to just take a picture of a monitor with your phone and post it
>>
>>61589518
I'm not going to 4chan on my work computer to post you a screenshot.
>>
How do you stay organised and laser-focused, /wdg/? I'm thinking of putting MediaWiki in on my localhost to keep track of what I am doing cos I have so many separate projects going on at once with no focus on a single one.
>>
>>61589514
get ready for hell and suicidal feelings
>>
>>61589559
I never start a new project until the old one is finished
Also listening to good music and just having fun while coding keeps you going a lot longer when working on a project
>>
>>61589548
I'm not >>61589518, and I'll offer you a friendly warning: you should be aware that photos of the screen always provoke autism on /g/. Next time take a screenshot on the PC, email it to yourself, open the email on your phone, and post.
>>
>>61589594
Can you please explain in little more detail, everything i find online is just textbook shit that doesn't make any sense
>>
File: 1501164301218.jpg (81KB, 736x876px) Image search: [Google]
1501164301218.jpg
81KB, 736x876px
>>61589559
I did this to keep notes about stuff i install on vps so i don't have to google the same command lines and how to edit apache virtualhosts again and again
To keep track of tasks and projects tho you might want simpler more visual system
Easy way is to just keep kanban boards, like make a trello for yourself
Otherwise read getting things done for a more complex system on overall project management
>>
>>61575008
>font looks very oldschool compared to other styles
>bad contrast on text above some images
>So little information that everything should be on one page(#anchors) or have the frontpage have links to subpages in less space(columns instead of rows?)
>text is too large and too wide on desktop
>make header image 100vh and move the intro on-top of image
>read more is not compelling enough to click

Mobile looks good for a first site, well done.
>>
>>61589514
>Can someone explain to me what people consider as Web application?
An HTTP server that doesn't just server static files but runs custom code in response to the users' HTTP requests.
>can anyone explain to me why companies always join webapps with containers like docker
Easier, consistent deployment. At least in theory.
>>
>>61589610
I'm not him but doing all of that just to prevent /g/'s autism from sparking up would be a real sign of autism
>>
>>61589559
http://tiddlywiki.com/
>>
>>61589654
This.

I don't care enough to go through all that trouble.
>>
>>61589559
>How do you stay organised and laser-focused, /wdg/?

I don't.

I have 4 unfinished websites and 3 unfinished apps. I'm about to start on a new app too.

I do have like 9 or so launched personal projects though.
>>
Ok, what the fuck is REST?

I thought it was just HTTP and shitload of GETs,POSTS, PUTs etc but it apparently isn't

How do you learn REST, is there some official book for that or what
>>
>>61589654
>>61589666
That's fine, but you'll lower your chances of getting a meaningful response.
>>
>>61589687
>Ok, what the fuck is REST?
Stateless APIs, basically. However, there is no universally accepted definition and flamewars about what REST "really means" are common.
>>
>>61589687
Depends if you are a provider or consumer.

Consuming is generally easy and relies on using an access token to make your requests. You sometimes have to sign requests which can be annoying.

>>61589713
That's fine. I'm rubberducking anyways :^)
>>
>>61589505
You're mid-level dev and just learning php and can't debug? Holy shit I must be Bill Gates.
>>
>>61589751
Lets say i want to make a web application, use some asp.net and entity framework to present database on a site, where people can insert their own data. Where REST fits in that situation?
>>
>>61589779
It's been a month since I've used object-oriented PHP. Been making some stuff in C# and functional JS while waiting for this job to start.

>>61589782
Are you using a form to insert data like it sounds? If so then it doesn't fit into the project. You only need an API if you are going to allow them to insert data programmatically from their own application.
>>
Why is CSS so shit to work with?
At least stuff like Bootstrap exists.
>>
>>61589559
I run a cowyo instance on my local host.

It's nice for quick note taking and it's not a pain to install
>>
>>61589614

A web application has a client-side, a server-side, and a database. The client makes requests to the server. The server interacts with the database and returns information to the client.

If you want to get into web dev, first learn Html/CSS, Javascript, and Php. Then you can get started.
>>
>>61589861
Just tooting your horn ;)
>>
>>61589861
>You only need an API if you are going to allow them to insert data programmatically from their own application.

Ohh, so you can make desktop program that can insert data into some database that's on website? If that's so then REST is useful mostly for real applications, not website ones
>>
File: 1498326683454.jpg (50KB, 512x512px) Image search: [Google]
1498326683454.jpg
50KB, 512x512px
I'm looking for a VPS with big storage and big bandwidth for cheap. HDD storage is fine, I don't need SSD. (I'm hosting video files)

Any suggestions?
>>
>>61589861
>Are you using a form to insert data like it sounds? If so then it doesn't fit into the project.
that's not true

>>61589782
you create a rest endpoint that accepts json form data for the new entity, constructs the new entity using said data and inserts the entity into a database
on the client side you make it so that clicking "submit" in the data insert form creates json form data representation compatible with what your endpoint expects and sends that using ajax to your endpoint

>>61589879
css is shit to work with only as long as you don't know css

>>61589998
>If that's so then REST is useful mostly for real applications, not website ones
it is useful for website applications. let's say you have a mobile app, desktop app and a website. if you have a rest api you can easily use it from all three of them
>>
>>61579949
>You really cant take advantage of the large scale multithreading

A phoenix web app is just another application that is started under the supervision tree. You can make as many processes as you like and modify the supervision tree as much as you want. Processes are useful in a ton of scenarios.

Even basic shit like sending out an email in production gets complicated in Django or Rails because it really needs to be sent through a proper task queue (celery, sidekiq, resque) that's usually written in another language and running in another process. In Phoenix, you can just fire up a process and be done with it.
>>
>>61590029
how much of each approximately?
Did you not find anything with the popular hosts?
>>
>>61589687
REST means using http protocol in your api, like using POST /domainobject instead of GET /updatedomainobject?foo=bar or wahtever
Also true REST apis are supposed to make use of hypermedia as engine of application state to achieve loosely coupled clients server relationship but nobody really does that
i recommend reading REST in practice
>>
>>61590068
Thanks for this mate, i really had no idea what you can do with APIs until now

If you have some database that's online, it obviously has some IP address of the web server, and you make a program for desktop/mobile and you want users to receive data from that database, how to prevent some random people from discovering your database outside your program?
>>
>>61579874
Most Phoenix devs I know rip out the entire brunch stack immediately and just use webpack. Webpack has won and there's really no point fighting it.
>>
Im currently on cloudatcost (the meme hosting) but they can be very unrealiable, but was something like $10 for "life".

I'm on 200GB/8TB, I'm sitting on 50GB video at the moment and I've pushed 1.5TB in the last week.
>>
>>61589998
It's used for anything that needs to do things with the contents of your database and does so under strict guidelines to prevent tomfooolery.

You wouldn't want some random dude to be able to run queries on your server or he could drop your tables, so instead you give him an endpoint like /Users but he can only get their names and emails, not their encrypted (hopefully) passwords.

So, don't even wworry about APIs now. You are just looking for standard database interaction. If you want to get data from someone else's database (consume) then I can answer some questions about that.

>>61589971
You tooted me well.
>>
>>61590143
for
>>61590108

Forgot to say, I only know the big SSD hosts, I don't know any HDD hosts.
>>
>>61590128
>how to prevent some random people from discovering your database outside your program

databases have authentication mechanism, application server usually requires credentials to connect to database
also if database and application server are on same host then just don't open database port, if not you can simply whitelist application server to connect to database
>>
>>61590128
There's many ways

One way is to make the database server only accessible to certain servers/networks
>>
>>61590068
>that's not true
You build a REST API everytime you make an HTML form?
>>
>>61580727
>I doubt any Pajeet works on Angular

Completely unnecessary complexity attracts the Pajeet. Angular 4 is practically Spring AbstractAnnotationConfigDispatcherServletInitializerHandlerDAOInterface tier and Pajeets love that shit. It lets them hide their incompetence.
>>
File: myst.jpg (35KB, 600x280px) Image search: [Google]
myst.jpg
35KB, 600x280px
Need advice.

I'm building a co-op browser game. 2-8 players per game, ~32 ticks. It's not fast-paced so latency is not a big deal.

What's a good platform for this sort of thing? I was looking at Meteor. Does anyone have experience with Meteor or can recommend an alternative?

To be clear, I'm not looking for a game engine, just something to stream small packets like player positions/ directions to and from the server.
>>
>>61590128
you never access the database directly. let's say you have a mobile app and a website. both have New Comment forms that send the following JSON data:

{
articleId: 9,
content: "Lorem ipsum..."
}


with HTTP POST to lemonparty.org/api/comments

then you have a server that takes the request, creates an entity and inserts it into the db:

// pseudocode
@Mapping(path = "/comments", method = POST)
postComment(request) {
throwErrorIfTheCommentDataIsIncorrect();
newComment = Comment.fromJson(request.data); // returns Comment object with articleId and content fields
article = ArticleRepository.getById(newComment.articleId);
throwErrorIfTheArticleDoesntExistOrTheUserCantCommentOnItForSomeReasonOrWhateverAbstractProxyFactory();
article.comments.add(newComment);
article.persist();
}


the only thing that accesses you database is your server-side application.
as for restricting access to your api endpoints, there's shit like JSON Web Tokens for that

>>61590218
>You build a REST API everytime you make an HTML form?
yes, I sometimes create api endpoints that receive posted form data. it's the only sane way to do it if you use a client-side js framework
>>
This guy is so salty that I took his job and he got demoted. I didn't even know it was happening and he's treating me like it's my fault I got hired here.

They fucked up by telling him I'm more qualified when I've had one job before and no degree. He has a degree.

The power of a good code sample. I tell ya h'what.

He keeps asking me questions about how I'm doing and I'm like man I'm doing great this is EZPZ.

>>61590396
>it's the only sane way to do it if you use a client-side js framework
Oh, well yeah I do that too then kind of. I wouldn't pretend it's full REST but it just takes the POST info and does shit with it.
>>
>>61590396
Alright, now things are much more understandable

For some reason i always thought APIs are the thing you use so you can scrape data FROM the website, not insert shit into it
>>
>>61590501
Anyone can get a degree. I did an arts degree (history lol) and work as a full-time dev now.
>>
>>61590520
>scrape data FROM the website

only google and the US govt can do that
>>
>>61590549
What is cURL?
>>
>>61590501
>I wouldn't pretend it's full REST but it just takes the POST info and does shit with it.
nobody does full REST desu. I call it REST-like, meaning "a collection of enpoints that use HTTP verbs and accept/send JSON"

>>61590520
nah. you can for example post a tweet using their API
https://dev.twitter.com/rest/reference/post/statuses/update
and I imagine that's how their own mobile app does it. and the website will too eventually if it doesn't already, because doing it any other way would mean they have shitton of duplicated code
>>
Is Evernote good for storing notes across machines and having an easier time being productive?
>>
>>61590396
>You never access the database directly.

Any best practice how to access the database? Through view? report? something else?
>>
>>61591088
you usually want to structure your web application with a controller handling http requests, some kind of service layer to do stuff using domain objects and a dao layer that fetches and persists domain objects into db
controller calls services, services call other services and dao, dao handles database driver

you probably want around 1dao and 1service / domain object
>>
Rails or Django more popular for web development? I like Ruby a lot more.
>>
>>61591250
your front end just sends http api calls to application server which handles those in controller, dispatches actions to do to services which in turn call dao to make database operations
>>
>>61591250
>>61591284

I meant in more general way, any access to database, from database point of view
>>
>>61590389
>>What's a good platform for this sort of thing?
What do you know? In the olden days they used to build such things (not real time) in PHP. If it's going to be real time, the popular choices are C++ (like Agar.io), Node.js, Erlang and Go. Don't bother with Meteor.
>>
>>61591324
set database system up, create database and user with sufficient rights and login credentials to said database
database system now runs on given host and port, application database is accessible through database system with login you setup
give database system host & port + login to your database library and use database library to interract with database from your application server
then set firewall rules to restrict database access from stuff other than your application server
>>
>>61591088
>>61591324
mostly direct select queries written manualy or automatically by an orm. if you write them manually then you can use views too I gues
>>
>>61591428
Ok, so the user does connect directly to database, but he only has read rights?
>>
>>61591501
to be clear we're talking about database user, not application server user
and you need to give him sufficient rights to do whatever you need to do to the database, so read & write, table creation etc
just find a digitalocean tutorial on whatever database system you use then find another tutorial on how to use this database system with your application server language / framework
>>
>>61590389
You need websockets.

It basically maintains a connection so that the client can send data to the server and vice versa.

The websocket javascript frontend has pretty good support across browsers.

There are websocket backend server implementations for a lot of different languages, so you can pick what you want on that side.
>>
>>61590532
>history lol
To your credit, history, if it isn't "LatinX History" or something, is one the most serious liberal arts degrees.
>>
>>61590563
You mean wget.
>>
>>61590721
It's okay, but not as good as a wiki. M$'s OneNote is worth a look, too.
>>
>>61591572
This. I've written a bunch of stuff in Node/Angular combos, using a websocket library known as socket.io. Websockets basically 'trick' (sort of...) the browser into keeping a connection open indefinitely. This effectively alleviates the issue of traditional HTTP requests: that only the CLIENT can initiate a conversation, and not vice-versa. Instead, a websocket's server can contact the client without being asked, as long as the web app's open.

The platform, largely, is "whatever you feel comfortable with". There are some bad choices, probably - writing your app entirely in jQuery is kinda shooting yourself in the foot - but other than that, it's up to you. Angular, Vue, and React are all options for the front. Hell, you could write the thing in vanilla JS if you're really feeling it.
>>
What is the PROPER way to add a clickable search icon (magnifying glass) to a website? Fontface? Image? Unicode char?
>>
>>61590501
>>61590532
Eh, I went to a programming camp thing (inb4 hurr durr all camps suck). Learned a shitload there, and there were plenty of people from all different disciplines. Some had CS degrees, some had other degrees. One was a sculptor in a previous life, and probly the most brilliant there was a girl with a music theory degree. Needless to say, you don't need a college degree in CS to know how to dev. I think a lot of peeps in the industry know that.
>>
>>61592000
>Angular, Vue, React, jQuery

I think that anon is writing a game, so he might just be using an html5 canvas and not need any UI library.

Oh, also I was curious, can you use socket.io with anything other than Node?
>>
>>61592068

SVG embedded in the CSS
>>
>>61592155
Thanks
>>
File: Screenshot_2017-07-27_13-39-12.png (153KB, 1366x768px) Image search: [Google]
Screenshot_2017-07-27_13-39-12.png
153KB, 1366x768px
>>61589449
I like it but damn my shit cores and memory are bloated shot to shit

any good tutorials for this? It seems nice to use
>>
>>61587313
I assume you know the the difference between the two? In case nub:
i++; increases i AFTER this expression is read.
++i; increases i BEFORE this expression is read.

So if you have a statement like 'console.log(myVar++);', it'll print the value of myVar BEFORE it's incremented. If you, on the other hand, have a statement like 'console.log(++myVar);' , it'll print the value of myVar AFTER it's incremented.

repl.it/Jl8D for an example
>>
>>61585569
Fair enough. I think what I have an issue with here is that they issue a blanket statement (never modify ANY standard JS prototypes). Instead, something like "be very wary of modifying JS prototypes" would be a lot more intelligent. No, you probly don't wanna go fucking with the Object prototype and reassigning methods, but adding functionality is certainly okay.
>>
>>61592113
I'm a JavaScript fanboi/scrub, so I can't say exactly (i.e., I've ONLY used Node), but there are separate libraries for front-end and back-end socket.io libraries. As such, I'd expect that there's some websockets solutions for pretty much every platform. Be aware that it's probably not called socketio - just as PHP's version of node's Node Package Manager isn't called NPM - but a quick google for PHP websockets gives socketo.me
>>
what's a good way to share files between servers?

I have 3 servers, one is a http server, another one is for doing cpu intensive work and the third one is for storing data

so a person uploads a file to the http server, the https server sends the file to a server thats gonna do the cpu intensive work and then pass it on to a storage server

using Go
>>
>>61592432

Cronjob that rsyncs
>>
>>61592221
check: https://marketplace.visualstudio.com/vscode
get addons for any languages you need, Beautify,ESLint,"Auto close tag"
(set "editor.formatOnSave" to true in your settings for it to autobeautify)

"editor.minimap.enabled": true
is also nice if you like that kind of thing.

Atom One Dark Theme is nice, but pick any that suits you I guess.

Wouldn't know what else there is to learn about a text editor.
>>
>>61585034
I just did the basic set as practice for interviews. It's kind of nice being forced to use es5 to develop algorithms but thank the lord for es6.
>>61587634
Sounds pretty good. I've been looking at entry-level jobs with some initial training but it's often difficult going through recruiters (some are great but many are so unenthusiastic).
>>
>>61592221
turn off the mini-map (the far right code-preview
Keep extension count as low as you can.
check the settings for more.
>>
Should I handle routing in Angular or Express if I want to make a web API REST server?
>>
Express, obviously. Do you understand what Angular is? Its for frontend stuff
>>
>>61592083
hurr durr all camps suck
>>
>>61592284
>this expression is read.
Evaluated.
>>
>>61592831
It can handle http routing, you need to serve all urls to index html with express. This obviously kills the whole point of a REST api.
>>
Why are JavaScript web frameworks so shitty compared to Rails?
>>
>>61592624
>>61592494

Ah thanks I got it working. I like it so far and its not as slow as I imagined it would be.

Gonna enjoy writing some Go/Python here
>>
>>61592942
Because Rails holds your hands through the whole process thus its framework are very linear and simple.
>>
>>61592896
Do you have the slightest idea what REST APIs are and what they are used for?
>>
>>61593086
why don't you explain
>>
File: WE-WUZ-KANGZ.png (609KB, 1107x624px) Image search: [Google]
WE-WUZ-KANGZ.png
609KB, 1107x624px
Give me a good reason why professionals shouldn't use angular v1.x
>>
>>61592942
why is rails so shit compared to phoenix and spring?
>>
>>61593086
Yes, do you?
>>
File: 1501153482131.jpg (91KB, 1000x568px) Image search: [Google]
1501153482131.jpg
91KB, 1000x568px
>>61593207
>spring
my nigga
>>
>>61593136
Because Angular 2+ is better, faster, leaner, and easier to learn.
>>
How long did it take for you to go from starting to learn webdev to landing a job? I'm almost two months in to learning and it is stressing me out a lot. I think I'm going too fast since I practice most of the day every day and hardly do anything else.
>>
>>61591572
>>61591329

Thanks!

>>61592000

Thanks and nice quads. It's a webgl/canvas game so I'll likely go with vanilla.
>>
File: material.png (30KB, 1177x454px) Image search: [Google]
material.png
30KB, 1177x454px
Is material design a meme ?
>>
>>61593106
You are confusing server-side routing as a way of serving different views to the user and server-side routing as a way of serving data stored on the server. The fact that you are defining some routes on the back-end is just an implementation detail, the goal is to provide an interface to the server that other applications can access (in the common case it's client-side applications that send ajax requests, but it can be absolutely anything).
>>
>>61593222
> SimpleBeanFactoryAwareAspectAbstractInstanceFactoryInterface

Spring is complete garbage. It's amazing that anyone finds that mess of annotations and runtime reflection to be good. At least you have SpringBoot now to hide some of that unnecessary complexity with another massive layer of unnecessary complexity.

I agree Phoenix is better. That still doesn't excuse that all the JavaScript frameworks are barebones Sinatra tier and all the ORMs are a complete joke.
>>
>>61593432
yes
>>
>>61593432
Yes. Google has no taste so anything coming from them design wise can be safely ignored.
>>
>>61592414
Yeah, it sounds like it's only Node. Socket.io is a specific frontend solution that provides fallbacks (e.g. flash I think) for browsersthat don't support websockets as a standard. And if I understand it correctly, the backend also has to support those fallback implementations.

That PHP library, and most libraries I would think probably only support the default websockets native implementation, so if you don't really want to use Node, then you have to use the native stuff only.
>>
>>61593357
Take freelance jobs. Make simple websites for your friends for cheap. It's the best way to learn and you get to fill up your portfolio for actual jobs.
>>
>>61593610
But I want to go into development and not design. The design market is flooded also.
>>
What's your opinion on WordPress? I'm going to attend a WordCamp soon and I'm not sure even why. I have some experience in making WordPress sites but I can't say I find it enjoyable but there seems to be an increase of requests for WP projects.
>>
File: controller.png (19KB, 492x303px) Image search: [Google]
controller.png
19KB, 492x303px
>>61593444
>comfy autogenerated dao
>comfy dependency injection
>comfy libraries for every feature you might need
why you hatin ?
>>
>>61593720
>why you hatin ?

Because behind that "autogenerated dao" and "dependency injection" is 200,000+ lines of some of the worst reflection heavy Java code the world has ever seen. Papering over that with some annotation processors doesn't make it much better. It just makes debugging an even bigger nightmare when something goes wrong.

Spring is also slow as fuck because reflection is very, very expensive. If you're going to suffer through the JVM you might as well use something that's relatively fast and type safe.
>>
>>61593713
eh, it's alright and quite useful to get somewhat gud at

the bad thing about wp for me is that it breeds laziness inside my mind
>"Why bother writing <feature>? Just get client to buy a plugin for that"

Just keep in mind, don't forget that a huge world outside of wordpress exists

t. just added a php 3 lines function in a wp theme for $50
>>
>>61593805
>If you're going to suffer through the JVM you might as well use something that's relatively fast and type safe.
Examples?
>>
>>61593805
>It just makes debugging an even bigger nightmare when something goes wrong.
You just look through stack trace until you stumble upon stuff from your application's domain, it's usually fine

>Spring is also slow as fuck because reflection is very, very expensive
Startup is slow as fuck but once classes are loaded you're good to go, main bottlenecks usually are database calls
>>
>>61593814

> the bad thing about wp for me is that it breeds laziness inside my mind

That's my problem. I like when I get the feeling that I'm improving, with WordPress I think it's limiting in many aspects and as you said. there are plugins that cover almost everything.

There's a lot of cash to be made though which is why I will put more effort in it.

> Just keep in mind, don't forget that a huge world outside of WordPress exists

Well, I'm already deep into soykaf so why not just go all in.

> just added a php 3 lines function in a wp theme for $50

Noice! Which freelancing markets do you go to? Upwork, TopTal or? I currently work for other agencies and I'm thinking of starting a proper freelancing career. Maybe even start writing themes to sell on ThemeForest and similar marketplaces.
>>
>>61593713

It's great. Once you have comfortable knowledge of the theme files you can really churn out sites.

I charge 500 - 2k for custom e-commerce sites. In reality it's only a couple days work because I'm working from the same template/ plugins every time.

I know I could ask for more, I just feel kinda bad. I'm awful at pricing because my conscience kicks in.
>>
I've got a few hundred small images I want to display on a webpage. I want the images to re-flow depending on the width of the page. So a small monitor could display 10 on one row but a larger one could display 15. What's the simplest way to do this?

By images, I just mean hundreds of <img> tags
>>
>>61594037
>Noice! Which freelancing markets do you go to?
Nah, I work as a c++ programmer at day and have 10 or so local businesses (bakery, hairdresser, photographer, etc.) as clients. It's nice. Some of them pay me monthly, some pay for features. I was thinking about venturing into toptal for a while though following my friends's advice.

>Maybe even start writing themes to sell on ThemeForest and similar marketplaces.
Speaking of which, my artist/designer buddy has been bothering me with that for some time. "Help me sell themes and we'll make bank anon!!". Anyone knows if it is worth it?
>>
>>61594187
> I know I could ask for more, I just feel kinda bad. I'm awful at pricing because my conscience kicks in.

Aww :3
I had that problem before but I started valuing my time a lot more.
>>
>>61594229
use some responsive css grid setup like bootstrap or skeleton
>>
>>61594231
> I was thinking about venturing into toptal for a while though following my friends's advice

My friend recommended me toptal as well while telling me to stay away from UpWork and Freelancer. Apparently, there are some quality clients there so why not at least try?

> Speaking of which, my artist/designer buddy has been bothering me with that for some time. "Help me sell themes and we'll make bank anon!!". Anyone knows if it is worth it?

I wouldn't know. I heard that it's either a hit or miss with ThemeForest and supposedly their criteria is really strict but I was thinking of taking a break and finally start working on my personal projects while passively earning some dosh on the side on such marketplaces.
It's worth a try, the team that made Avada has earned more than millions I think.
>>
File: 1501092541922.png (13KB, 300x300px) Image search: [Google]
1501092541922.png
13KB, 300x300px
>>61594231
>my artist/designer buddy
tfw no qt hipster designer buddy to make a quick buck with
>>
>>61594229
The simplest way would be to just leave them as display: inline.
>>
>>61594405
I know that feel. I don't mind programming but designing a site is such a huge time sink.
>>
>>61593853
Dropwizard, Vertx or http-kit. Spring is very, very slow compared to most Java web stacks because it uses so much reflection.
>>
Is it really worth investing my time for javascript or should I switch to another language?
>>
File: 1496131308707.png (1MB, 1280x720px) Image search: [Google]
1496131308707.png
1MB, 1280x720px
Guys, how much skill do I need to make a wordpress blog site for myself? I learned a little bit of HTML in high school
>>
>>61594808
For web development you basically need to know JavaScript. If you're not interested in web development definitely use something else.
>>
>>61594553
still fast enough it seems
>>
>>61594469
Should we make a site to put freelancer designers and developper in relation so they can subcontract each other or would this be redundant with existing stuff ?
>>
>>61594871
only knowlege required is reading comprehension
follow a tutorial to install wordpress locally so you can fuck around with it a bit then find some webhost selling wordpress installs, only thing you'll need to do will be to install new themes and plugins then write content
>>
>>61593432
Google has an autistic aesthetic but it's kind of their branding. It's unfortunate they didn't hire a real designer for Android though.
>>
File: 59466685_p0.png (382KB, 800x1284px) Image search: [Google]
59466685_p0.png
382KB, 800x1284px
>>61595108
thats really nice
>>
>>61571141
I really don't think w3 is going to make a difference in your understanding if that's what you're going to for knowledge....
>>
>>61595028
I think that would be a good idea but I'm not a businessman.
I know that I would really like that, as I hate frontend work despite having to do that from time to time. And it would be a great thing to have, as a way to protect both parties and make sure that each side sticks to some schedule so that there's no procrastination.
>>
>>61592221
what editor is this?
>>
>>61595363
visual studio code, I highly recommend it.
>>
What's your opinion on Brackets?

I want to get off it due to it fucking up one of my projects (overwrites files with the same relative path lol), and also lagging when it has to index large folders (eg. node_modules).
>>
>>61595450
It's a great started editor to get someone who's new into web development but it's slow and laggy and I had problems with it fucking up one of my projects though that was some years ago.
>>
>>61595380
It's amazing how M$ can make quality products like OneNote and VS but shit the bed on the OS
>>
>>61595693
Yeah, my thoughts exactly. I've been switching between spacemacs and vscode. VSCode is definitely a lot better to work in for medium to bigger web dev projects, in particular, php based ones.
>>
File: 1420099814802.jpg (13KB, 250x239px) Image search: [Google]
1420099814802.jpg
13KB, 250x239px
is it acceptable to get entire content pages through ajax? I want a banner at the top that runs javascript when a nav button is clicked, but have the new page load at the same time without refreshing the page.
>>
Add multiple info to the Authorization header field using curl how?
>>
>>61595863
It's best to hide the majority of the content in display:none divs until needed, then load the new content through ajax and unhide the div.
>>
>>61595983
wouldn't that mean I would need to to load multiple web pages worth of templates to eventually load the new content onto? and then the initially loaded pages hidden away may not even be visited. it sounds inefficient and I'm worried about that initial load time making the site slugish.
>>
>>61596117

Nope. Just load what you need. I think he/she means:


<nav />
<.wrapper>
// ajax loads here
</.wrapper>
<footer />



and then when you need a new page


$('.nav__button').on('click', function(e) {
$(.wrapper).hide();
$.get( 'foo.php', function(newpage) {
$('.wrapper').html(newpage);
$(.newpage').show();
});
});

>>
>>61596117
>multiple web pages worth of templates
wtf no.

How are you building your webpages to where you would need to load multiple templates?

You should have 1 template, with a content div.

Then there can be content1, content2, content3 that are all hidden. When you need content 1 you hide content and show content1.

If you have multiple designs on one site then you need to go back to the 90's cause that's some alta vista shit.
>>
>>61596770
>>61596855
oh ok yeah, that's what I was thinking at the start, just wasn't sure if there was a better known way to do it. Just misunderstood.
>>
>>61575008
>seethering.com
Did you do all your styling in the HTML? I've heard it's best practices to do the CSS in a separate style sheet but otherwise good job it looks really cool!
>>
>>61589245
This?
https://www.alexkras.com/reverse-engineering-one-line-of-javascript/
>>
>>61587189
The fact that few applicable StackOverflow copypastas exist, also make it a great framework. It also doesn't move towards weird shit like alternatives, and it isn't backed by huge corp (positive and in part negative). The only thing I'd have to say, is the constant stream of RFC's, some get half baked (pods), and some get hyped and forgotten avoid (routable components).
>>
>>61597072
It's all about the DOM manipulation these days.

If you are worried about content images making the page take too long to load, then look into lazy loading.
>>
>>61594347
>>61594410
Thanks anons
>>
>>61587255
No, most browsers don't support webm + html5 at the same time, including chrome. It also causes lots of lag compared to gif.
>>
>>61597524
>webm + html5
What the fuck?
>>
>>61597524
>No, most browsers don't support webm + html5 at the same time

nigga what
>>
>>61589043
You need to remove the word 'php' from the first tag to activate OOP mode, so it'll look like '<?' instead of '<?php'. You also need to use double quotes around your strings just as good practice. Also, some of your variable names are the same as your function names and your class name. Change them to all be different, like TestClass, and TestFunction, and $TestVar.
>>
>>61589245
Do you mean isArray() ?

https://www.npmjs.com/package/isarray
https://github.com/juliangruber/isarray/blob/master/index.js
var toString = {}.toString;

module.exports = Array.isArray || function (arr) {
return toString.call(arr) == '[object Array]';
};


Another famous dead-simple npm package is left-pad, although the implementation is actually a bit more complicated, to make it more efficient in a lot of cases.
>>
>>61597546
>>61597539
Some people will actually try it if you don't tell them not to. Shit causes mad stackoverflows.
>>
File: ??????????.jpg (44KB, 640x480px) Image search: [Google]
??????????.jpg
44KB, 640x480px
>>61597620
>>
>>61597607
yes this is it
i love you anon
>>
bread?
>>
THRED DED

NEW THRED

>>61598002
>>61598002
>>61598002
Thread posts: 320
Thread images: 32


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