[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y / ] [Home]
4chanarchives logo

/wdg/ - Web Development General


Thread replies: 333
Thread images: 31

File: 1451000042447[1].png (887KB, 822x552px) Image search: [Google] [Yandex] [Bing]
1451000042447[1].png
887KB, 822x552px
>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

>Learning materials
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/

>Frontend development
https://github.com/dypsilon/frontend-dev-bookmarks

>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks

>Useful tools
https://pastebin.com/q5nB1Npt/
https://libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.

>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
>>
Should I rely on JavaScript to adapt my website to different screen sizes and platforms, or should I use @media instead?

Also, to what extent should my website rely on JavaScript?
And is adding sounds on button click a good idea?
>>
>>52134452
Use as little js as possible. Resize with media queries. Do not add sound to button clicks.
>>
>>52134470
I would have to write media queries for all the possible platforms and screen resolutions, while a little JavaScript could make everything adaptable on any platform and screen resolution, though.
>>
>>52134517
Overall is lighter to do it with css. Also, some people have js disabled.
>>
>>52134517
Not every browser will have support for JS. User extensions that block it could interfere with the functionality. Plus when I'm on 4G and I want to save data I use Opera Mini which has no support for it.
>>
>>52134630
Inversely, @media queries don't ensure that the website would be adaptable to any possible screen resolution/platform.
>>
When you upgrade your GoDaddy hosting plan to Deluxe like this, do all the files on your hosting disappear, or is your website preserved?
>>
>>52135302
Why are you using godaddy? Just get a VPS and host it yourself...
>>
>>52135302
please stop using those fucktards. It's bad enough I have clients who refuse to switch, it's even worst when designer's and developer's use them.
>>
>>52134517
You would need only 3 media queries to cover most (if not all) of the screen resolutions
>>
>>52134452
you should make all the text blink too

that would be fucking rad
>>
>>52135302
I strongly suggest finding another hoster.

I've used them for 2 years, biggest mistake I made.
Absolutely shitty slow servers. Horrendous configuration interface.
>>
Hey, WDG, I appologise if this question is covered in one of the OP links but I couldn't find it.

I recently started dabbling in HTML/CSS but I fear that at some point I won't have any ideas for practice projects. Is there a graphic or list similar to pic related but for website ideas?
>>
>>52137040
These aren't really 'project ideas' but something to start with
https://github.com/jlem/WebDevChallenge
>>
>>52134667
If you do it correctly then there should be no issues at all.
>>
>>52137120
Thank you. That's pretty much what I needed.
>>
I swear bros I am going nuts.

I have a dynamic products page, url is site.com/product.php?Id=1, 2, 3 etc..

All works perfectly but what the fuck do I put in the htaccess file to make the url read: site.com/product/product-name

Product name is the first returned item on the actual page btw.
>>
>>52137453
you need to make your product.php work with the string
product.php?product=product-name

or you add the ID in your URL
/product/4/product-name
and just ignore the name
you can use
RewriteRule ^product\/(\d+) ./product.php?Id=$1

for that.
>>
>>52135302
>OS: Linux
they don't even tell you what distro and web server you get?
is this how incompetent sjwtards host there hipster meme blogs?
>>
>>52137509
Thanks could you show me what to put in the htaccess file once I get the product php working with the product name?

To change it from product.php?name=productname to product/product-name
>>
>>52137803

RewriteRule ^product\/(.*?)(?:\/|$) ./product.php?Id=$1

something like this should do.
I don't run apache, so I can't test it.

https://regex101.com/r/kF3eZ4/1
>>
I'm new to programming, I have completed codecademy html&CSS and Javascript course, now I am doing Free Code Camp, so far its good.
>>
>>52137982
web development isn't programming
>>
>>52137946
Thanks man

I usually have picks things up quick enough but regex and htaccess just seem to elude me.

I need to try again.
>>
>>52135456
Too much work
>>
>>52138013
It is.
>>
>>52138013
>>>/dpt/
>>
>>52138013

You can debate whether or not it can be software engineering, but writing code which gives instructions to a computer is programming by definition, shitlord.
>>
>>52138013
Fizzbuzz and shitposting aren't programming.
>>
>>52138013
>>52138896
>>52139028
>>52139132
>>52139178
>guaranteed repilies
it's as much programming as writing windows batch scripts is programming
if that's programming to you then fine, live your delusion to the fullest
>>
>>52139554
Ok
>>
>>52136693
don't forget marquee
>>
>>52139554
what about writing the API in a server side language?
>>
where did u fagets learn php?
>>
>>52140468
http://www.schattenbaum.net/php/
>>
>>52139554
Front-end web dev isn't programming, it's scripting. Back-end development utilizes many programming languages, and has the characteristics of programs that are not related to web development. Don't be an ass.
>>
>>52140526
there you go
>>
>>52135302
Abandon ship.
>>
>>52140526
> scripting is not programming
> PHP/Ruby/Python don't count because backend
>>
>>52142709
They do count you tard. Web development is programming, get over it.
>>
Working on an RSS feed reader. Will later add the ability to add your own RSS feeds via REST variables.

It's meant to look like my favorite Visual Novel, Hate Plus. It's not done yet, as you can see, but basic RSS functionality works.

collinoswalt.github.io/news/
>>
>>52140526
>never heard of a preprocessor
>doesn't know that CSS is turing complete
>>
>>52143813
>being a hipster fgt
>implying any of that is even necessary to make css work
>>
Whats a cool starting project to get started with node.js and sockets?
>inb4 chat room
>>
>>52145040
Make a dashboard that pulls data from an API (like adsense, IMDB, etc)
>>
>>52145040
Chat room. Or if you want to be more creative - multiplayer snake with canvas.
>>
>>52137946
This worked perfectly thanks again brah
>>
File: push-message.gif (766KB, 813x706px) Image search: [Google] [Yandex] [Bing]
push-message.gif
766KB, 813x706px
Anyone have any experience with web based push notifications and service workers on android?

>https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web

No matter what I do I can't seem to make it close the notification when I click it. I'm doing event.notification.close() like it says in the guide but it's just not closing. No errors, just nothing.
>>
who /cyclejs/ here?
who /rxjs/ here?
who /elm/ here?

and in case no one says yes, who /redux/ here?
>>
Has anyone here tried Elixir? It's basically Erlang with Ruby syntax and metaprogramming/macros. It's very powerful and allows for dead simple concurrency and servers that never go down. It has its own framework called Phoenix as well.

Check it out:

http://elixir-lang.org/
http://www.phoenixframework.org/
>>
>>52134452
No you should be using fluid layouts, it's 2016-1, step up kouhai
>>
Mobile App dev or web dev for max flow of cash into my bank account?
>>
>>52146655
Maybe the notifications have an id that you need to grab and pass to event.notification.close()

spoiler: I know nothing about programming.
>>
>>52146742
I'm going through the progmatic programmer's book for elixir

doing that before trying something with phoenix
>>
>>52146742
That's never gonna take off senpai.
>>
>>52146862
>progmatic programmer
>>
>>52146864
So? It's fun to mess around with and learn a different way to program. Not everything I learn has to have monetary goals.

And IDK, as web apps get more complex I think we might see a move to easy concurrent languages like Go or Elixir. In fact, Elixir was made by a Rails core team member because concurrency in Ruby is shit.
>>
>>52146936
>Not everything I learn has to have monetary goals.

what a time we live in
>>
>>52146967
You really don't learn some cool new stuff after work or school just for the sake of it? I don't blame you for it/think less of you if you don't, but it's not uncommon.

That said, if you are not employed yet and are seeking employment then learning what will get you a job should be a priority.
>>
>>52147029
Not the guy you replied to, but yes - I do learn stuff like that in my spare time. But at my age (24) and being in the last year of college I tent to learn things that could potentially be relevant to my future career. If something doesn't seem relevant, I won't bother.
>>
File: truBodyBuilt.webm (815KB, 640x360px) Image search: [Google] [Yandex] [Bing]
truBodyBuilt.webm
815KB, 640x360px
>learn HTML/CSS, jquery and javascript all to a level where I should be able to get a junior dev. job
>literally no junior jobs in my area
>no longer feel any motivation towards web dev.

Lol. I don't even know anymore
>>
>>52146861
>>52146655
I found the problem. It was still using an old version of the service worker even though i disabled and re-enabled notifications several times. It was just switching the existing service worker for that site on and off and never updating. You need to completely remove the service worker from your settings to get a new one.

Prompting users to update files is not something you can handle well with a website. Luckily this isn't live yet because I don't see there being any way to fix things like this for people who already have an old version of the service worker.
>>
>>52147776
Don't apply for "junior" jobs, ya bing bong. Just read up about coding interviews and start doing some. If you have any projects to show off put them on your resume as "relevant experience" as though they were jobs and don't refer to them as personal projects. Your resume will look identical to someone who has been working in the industry for years.
>>
File: 1.gif (1MB, 500x281px) Image search: [Google] [Yandex] [Bing]
1.gif
1MB, 500x281px
>>52148388
No, I know about those things. THing is, I have no idea what I'd make of as a personal project and I'm not even motivated.
>>
>>52147238
Makes sense, and I do the same. I just like to experiment a bit sometimes.

>>52148388
>tfw too lazy to practice for coding challenges/algorithm questions

every time i try to i end up programming something instead
>>
>>52148426
make a roguelike that runs in the chrome dev console or a connect-four AI you can battle in browser or just a snazzy personal site.
>>
>>52148527
what is a roguelike?

my friend made tetris in JS but he is a CS graduate almost.
>>
Found inspiration for my About Me section of my site. Gonna try to replicate this, but with some tweaks.
>>
Who node bots here?
>>
>>52149109
that's a nice looking beard
t. beard enthusiast
>>
File: out.png (349KB, 1086x641px) Image search: [Google] [Yandex] [Bing]
out.png
349KB, 1086x641px
How do I make the image pop-out and extent beyond the red div? (I would like it to basically float above it, being slightly bigger)
>>
>>52146716
I'm trying to learn Elm
their documentation sucks for someone with no experience with functional languages
>>
>>52150977
put it outside the div then position it so it looks like it is inside the div
>>
>>52134452
JS for screen scaling is always a bad idea. The one exception is if you do something on orientation change and are designing specifically for devices with accelerators.

Media queries are usually necessary but they're toxic in high volume as well, difficult to debug.

90% of the time you can find one set of styles that will work for every screen size you care to support. Progressive enhancement is cool but people do it wrong the vast majority of the time.
>>
>>52148566
>what is a roguelike?
A game like rouge.

Usually it means the game is played on a grid where each cell is one character so you build walls out of a bunch of pipes and stuff like that, you control one character fixed at the center of the screen, usually dungeon crawlers but people have done more interesting things that still get called rougelike.
>>
>>52150977
How do you want it to work at different resolutions? Is it always anchored to the right side of the page or do you want it to intersect the text's bounding box at any window width?
>>
>>52135302
I would highly advise you to switch to a better host. Assuming this isn't bait, you would be much better off with a digital ocean vps. They even have easy installs for lamp. You can always install ispconfig if you want things ezpz though.
>>
Uploaded probably the last version I'll ever upload, unless there's an error somewhere
https://www.nuget.org/packages/FAP.dll/
Install-Package FAP.dll


New header loop
About 100us faster on Linux
Etc

I've completely cheated the obvious file/mime/binary problem I had by encoding with BigEndianUnicode if it sniffs something kind of file related, which seems to provide somewhat some binary safety. Basically, if you really want to use it for file download (maybe you only want to allow files downloads for logged in users and can't into auth with nginx?) You can, just convert to string with BigEndianUnicode.

A better idea is to use auth
http://nginx.org/en/docs/http/ngx_http_auth_request_module.html

Basically if you make a page like /auth?3 and then check your login database, either with a cookie or user agent/ip combo, if that user exists, is logged in with that cookie/location and has the permissions, you return "200/r/n" (which makes a 200 response and no body). Otherwise you return 403 or 401.

It's been rad (heh) guys but now I'm going to have a few drinks, as it's past 8 pm and new years eve here.

Happy new years guys.
>>
>>52146716
Haven't used redux yet but have played around with flux when it came out. Is useful for some projects I guess.
>>52149109
Well who do we see here, it's tobias
>>
this is only sort of related, but is anyone here AWS certified? the certification bundle is on sale for 30 dollars and it just looks like the thing that would be useful on a resume, and I was considering it. (i do not have a degree in that field)
>>
>>52137122
How can you "do it correctly" if the @media query requires adjusting everything for each screen resolution? You can't adjust for an infinite number of different screen resolutions and platforms like that.
However, you can adjust everything on your page for any screen resolution using JS and JQuery.
Yes, it won't work for those who have JS disabled, but it allows a far greater flexibility overall.
>>
>>52146742

I started with straight Erlang before Elixir was a thing and never felt a need to move.

I've worked in several other platforms and I still come back to it. Particularly that smug look you can give when someone wants to talk about "muh concurrency".
>>
>>52153937
>How can you "do it correctly" if the @media query requires adjusting everything for each screen resolution?
Usually you pick a breakpoint and swap out or suppress elements. Column layouts usually start stacking cols at a handful of breakpoints. It's common to bump tap target size on phone resolutions. You don't write a separate media query for every resolutions.

Also if your calculating element sizes in JS on every page resize/reload then you really need to read a book or something because that's teribad. That's like "I can't implement fizzbuz" bad.
>>
>>52153972
>Particularly that smug look you can give when someone wants to talk about "muh concurrency".
I like Erlang and it's approach to concurrency but people act like it's cornered the market and solved all concurrency problems forever when it factually hasn't, hasn't even come close.

I'm not saying it's not good, but it's not a silver bullet and it's not the only place progress is being made.
>>
>>52154123
>>52153972
>concurrency
Lol it's not vhdl

Imagine making a webserver in vhdl.
>>
>tfw your site just feels amateurish
>>
>>52153353
I haven't figured out how I want it to look at different resolutions, I guess I need to do that first. I was thinking of hiding the picture on smaller screens, wither that or pushing it down into a new row all by itself under the text.
>>
>>52148388
>Don't apply for "junior" jobs
>Your resume will look identical to someone who has been working in the industry for years.
Most retarded thing I've read in a while.
>>
>>52147776
Learn PHP or Java.
>>
I have database tables with columns pointing to file locations on a disk.

How do I go about backing up this data? A database can be backed up easily enough, but what of the data it points to?

To be more precise, it points to images.

Are there any schemes for taking a 'snapshot' of these files, copying it all off in one go?
>>
How do you guys deal with retarded/incompetent co-workers?

Kid has a master's in CS and still can't program for shit. Always needs help with everything, and those rare times when something does get done, the code looks like complete and utter shit. Unreadable, hacky, inefficient, usually has some vital part missing somewhere.

Literally work in progress tier code pushed into production.
>>
>>52155245
Daily reminder that CS is not a degree in programming. I don't expect CS grads to be good programmers. I expect CS grads to formally prove their idea is internally consistent and also it does what it's supposed to do.
>>
>>52155288
That's true, CS isn't only for programming, but it is usually very extensively covered.

Enough to be a decent web developer at the very least.
>>
>>52155088
What OS?
Is there more stuff in the folder than just the images?
>>
>>52155088
Are the images immutable or the same address can point to different images at different points in time?
>>
File: terminal.jpg (121KB, 1080x719px) Image search: [Google] [Yandex] [Bing]
terminal.jpg
121KB, 1080x719px
>>52134266
I'm on the fence about and creating a image board software using ruby/rails/postgres and putting up on github. Just because the existing solutions are lacking.

The only hiccup I'm having in my head is how 4chan can identify quoting another post or thread and associating it as a foreign key. Does 4chan just run the post text through some sort of regex and determine what post to associate it to? Any insight would be greatly appreciated.
>>
>>52155461
Are you doing all text the parsing server-side?
>>
>>52155515
That's the fastest solution I can think of. I don't think 4chan is using JS for the parsing, I might be wrong.
>>
>>52155461
Not sure how its implemented in 4chan, though i guess using regex to determine it just before saving the comment would seem like a good solution
>>
>>52155599
Check for >>(\d+) and so on with regex in the text body on allocation and then query against each one, to check if the posts exists. If any do, insert a "link" field into your post which contains all valid link targets with parenthood info (thread and board). Something like
{
id: 12,

// Other post data

links: {
13: {
board: "g",
op: 5
},
15: {
board: "g",
op: 6
},
// ...
}
}

Use those, when rendering the post and you get a nice JSON API as a bonus. That is how I do it, anyway, but I have to deal with realtime updates, so your imageboard could use something a bit simpler.
>>
Any recommended text to image plug-ins for PHP?
>>
>>52155797
Thanks for the reply, that's exactly what I had in mind, I was curious if there was a better solution.

On a side note, what's the url of your board? I love to see other anons projects.
>>
>>52155288
if 6 years in CS aren't enough for basic C# webdev shit then that's a clear sign that you're in the wrong place
>>
>>52155288
More like "Daily reminder C's get degrees". Kid probably scraped his masters with the bare minimum GPA
>>
>>52155858
https://github.com/bakape/meguca is basically the only one, which I am rewriting in Go in the version2 branch.
>>
>>52155993
That looks absolutely amazing, anon. I really envy the amount of effort you've put into this.
How long did it take to develop the Node/Go versions? How many hours aprox per day you work on this?
>>
>>52155328
Linux, and just a folder-structure + files.

>>52155333
Immutable. The filenames are hashes.
>>
>>52155993
>https://github.com/bakape/meguca
Nice I surprised I never heard of it. Why rewrite it in go? Is the speed improvements that noticeable?
>>
>>52156131
>How long did it take to develop the Node/Go versions?
Forked the node version summer 2014 and started learning my first non-shell language. The Go version has been in development for 2 months or so.
>How many hours aprox per day you work on this?
All of my free time, practically. 20 hours a week or so.
>>52156159
Rsync. There are a lot of options how to use it, but having a cronjob script with a SSH key on your backup server that simply mirrors the contents seems fine enough. You can use more substantial solutions with versioning, if you want, like luckybackup, which is built on top oh rsync.
>>52156186
>Nice I surprised I never heard of it.
It's relatively new and I don't want to shill and attract the wrong audience.
>Why rewrite it in go?
Because node is single-threaded and I have to jump through too many hoops and gotchas to make it decent and scalable. It's good for small simple projects, but not this.
>Is the speed improvements that noticeable?
For actual speed difference, I can't yet compare.
>>
Not 100% exclusively web dev, but Im a fucking dumfuk and I need to download a massive archive of 2000+ instagram photos from several accounts.

I've found this: https://github.com/duplikey/instatake

I know it's JS but I have no idea how to get it to work.
>>
How do you put a text in the middle of a element? Vertically?
>>
What's the best guide to responsive design?
>>
>>52156875
http://stackoverflow.com/questions/9249359/is-it-possible-to-vertically-align-text-within-a-div
>>
>>52157011
released my app todays lol
happy new 4chan year

emmetp a html template lang based on emmet
http://github.com/falafflepotatoe/emmetp
>>
>>52157011
>http://github.com/falafflepotatoe/emmetp
Thing is that do not work, I have a ancor tag and i want the text to be vertically centred in the ancor tag.
>>
>>52156618
Are they private or public?
For public profiles, try jDownloader 2
>>
File: 1450912449820.jpg (73KB, 560x566px) Image search: [Google] [Yandex] [Bing]
1450912449820.jpg
73KB, 560x566px
Am I retarded for not using Bootstrap for my websites?
>>
>>52157143
It's a decent solution for making responsive web applications. I would recommend it. I use it on one of my little projects.

www.battlestationwars.com
>>
>>52157143
You'd be retarded if you did if you can manage without it just fine.
>>
>>52157118
Public.

Any way to get private ones as well? One account has turned private and I need to gain access to the photos.

On a side note, this Jdownloader is fucking insane. How the hell have I lived my life without using this thing. I appreciate you much anon.
>>
Free Code Camp is expanding its curriculum and using React instead of Angular:

https://medium.freecodecamp.com/the-hour-of-code-times-2-080-67dda26be3af?source=reading_list---ts4u_top_story_for_the_day------1
>>
What's the advantage of using Python over PHP for backends?
>>
>>52157806
>>52137982
Quit shilling. Only retards rely on structured online courses. You can learn far faster by simply searching through documentation/Wikis/tutorials while practicing.
>>
>>52158085
Keeping your sanity. Depending on framework choice, performance is about the same, but if you cared about that, you would be using neither.
>>
>>52155245
Try to help them, start doing code reviews and don't let him check anything in without one, have him sit with you when you program and let him ask question, talk though your thought process.

Yes it's time consuming but it's how you turn bad programmers into passable ones.

Or be a dick and get him fired, but I think having a passable dev who owes you a favor is worth something. I've gone through this song and dance with bootcamp devs a few times, once I really needed a few more hands on keyboard to make a deadline and I pulled in two developers who I had helped earlier, they stayed late to help me out and I ended up getting a raise for salvaging a trainwreck of a project so I feel like I came out ahead.
>>
>>52155245
I was going to say something about trying to mentor him or something like that.

But you know what, fuck that. Get his ass out of there and get someone competent. If he has a masters you are probably overpaying him.
>>
>>52158085
Python is a better designed language. It's easier to find smart Python devs than smart PHP devs and the lower bound on code quality is better if you end up with the dumb ones.
>>
>>52158218
>only retards rely on structured online courses

sell that shit to someone else plz top kek
>>
>>52157806
>expanding its curriculum and using React instead of Angular
I don't have particularly strong feeling one way or the other but when a "school" lowers itself to trend chasing I think that's a pretty grave sign something's gone wrong.
>>
>>52158392
Except Angular is shit and every day I see people move to React. That said the framework is a tiny portion of the course and most of it is vanilla JS
>>
>>52158329
nigga I haven't even started my masters yet (which means he's getting paid more than I am) and I'm quite a few years younger than him, me teaching him anything just somehow sounds ass-backwards to me

we'll see, maybe someday I will need a favour yeah
>>
>>52158860
What is his experience level/position? If he's at anything other than an entry level position, that's not acceptable imo.
>>
If I want to make a project that utilizes a username and password and the backend will be java, hibernate and or wildfly. What should I use to implement the sessions?
>>
Holy shit, why are there so many frameworks? There's literally a framework for everything. How do you web monkeys(no offense) work like this?
>>
>>52159014
>using frameworks
>>
>>52159014
>>52159061
unemployed /dpt/ autists detected
>>
>>52159142
>look at me reinvent the wheel
/dpt/ in a nutshell
>>
>>52159000

pls helb
>>
How did you guys shill your site to get users?
>>
>>52140526
Let's just put it this way, if you're writing algorithms, it's programming. You can create a fucking game with HTML and JS, for fuck's sake. You'd be hard pressed to not call making a game programming.

So, it depends on what you're doing. If all you do is write CSS, it's not programming. If all you do is write HTML site structure, it's not programming either. If you are using JS to program dynamic behaviours in the page, that's programming.

You can call it babby-tier programming, but it is programming.

So, those people who only do HTML/CSS front-end are not programmers. They are either junior web devs or web designers.

Once you start doing AJAX, writing libraries in JS and stuff like that, you can say you are doing programming.
>>
>>52159359
>reinvent the wheel
>not using your own micro framework
>>
>>52159428
I didn't. Program for fun.
>>
>>52159359
>Running proprietary code with hidden backdoor botnet because programming is too hard for me
it just werks :^}
>>
>>52159692
>So, those people who only do HTML/CSS front-end are not programmers. They are either junior web devs or web designers.

I....I think that's the point he was making.
>>
>>52158860
But you obviously know education/age doesn't equate to programming ability. If he needs help and you're able to help then that's what you should do. If he's paid more and you're teaching him how to do his job then that's just a great way to argue for a raise. I'm sure he would be happy to back you up on that if you do right by him as well.
>>
>>52159780
But "front-end developer" usually means "JS dev". I'm not sure there's a agreed upon language to make the distinction between that and "I can do CSS and HTML", maybe "web designer" but I don't think anyone would call that development.
>>
>>52159777
>proprietary
>backdoor
>botnet
10/10
>>
>>52159777
I really want some of you /dpt/ autists to try working in an enterprise

which means sperging out on every body, writing your own web framework by hand instead of using existing tools, failing to meet deadlines by miles, getting fired for being an utter failure and then bitching about how unfair the world is on /g/

I imagine this is approximately how this board became what it is today
>>
>>52159777
this is satire right?
>>
>>52159906
Well, I think many designers today are expected to know at least CSS if they work for the web. Many designers are able to write HTML/CSS. I don't even think they are interested in programming, they just need a way to prototype their ideas or make a demo.

I'd say if you are writing JS scripts to automate shit in the page or even dabble with backend, you are doing programming.
>>
Can someone explain this to me? How do i install this: http://mobiledetect.net/ ??

There is no tutorial and the zip just contains a bunch of files and folders. I have no idea where to put these. Im also using a framework so im guessing i need to "install" it into the framework aswell? Using phalcon

Really confused...
>>
File: 8u.jpg (50KB, 640x360px) Image search: [Google] [Yandex] [Bing]
8u.jpg
50KB, 640x360px
>>52134589
Some people only have one hand, that doesn't mean we should cater to people with one hand when designing products, you retard.
>>
>>52160243
>PHP
>>
>>52134266
What framework you use along with the node js?
>>
>>52161221
Express
>>
>>52161221
Express is definitely the most popular choice. It's not really fully featured but it's nicely extensible, lots of things build on express and it's pretty opinionated so I'd say it's the way to go
>>
>>52160243
Take Mobile_Detect.php and put it somewhere you can reference it from (like maybe a "lib" folder under your source folder), then require it (so if you put it in a lib folder you might do `require_once "lib/Mobile_Detect.php"`) and then use it like the example that's up there. All the other files in that zip are just part of the repo/build process or whatever.
>>
>>52147776
Junior jobs are for people with literally 0 (zero) experience. Just apply for normal dev jobs and tell them your experience level.
>>
>>52160513
Any comptenet designer designs for nojs and makes his themes works purely from css and html
>>
>>52154856
In literally what way is it not true? Yours will say "Fork.ly (2014-2015)" and mine will say "Spork.ly (2014-2015)" and the only difference will be that if you took the time to google it fork.ly would have a linkedin page. And nobody even takes the time to google it.
>>
Was there a point where coding "clicked" for you? I was using codecademy and I did the HTML/CSS course easy enough, then I tried the Pythom course and got about 2/3rds of the way in and got stumped and nobody could really help me, same thing happened with JS. My problem was that Codecademy kind of told you what to do all the time, then just took off the training wheels without actually teaching anything. Is there something that more teaches coding rather than telling?
>>
>>52161710
There was no one big click but a lot of little ones. When you first learn about a new concept it's probably not going to make sense and your only option will be to hit your head against it until it just works. Often times it's only AFTER I get something working by just trying everything that I'm able to be like "oh huh, I guess that's how that works."

I will say that learning about data structures and why they work the way they do on a low level is a huge help in reasoning through a new language. You're going to see the same basic data structures in (almost) every programming language so familiarize yourself early.
>>
>>52161710
>clicked

Whenever I find the proper way to do things I click,

Otherwise im just shitting it up
>>
The unicode character for the "burger stack" menu icon doesn't render on Android. Are there any other unicode characters that you guys have found work for this?
>>
>>52162289
it also apparently doesn't render on 4chan.
I'm talking about ☰
>>
>>52161710
The point where I went from feeling like every project was just me fumbling in the dark to being able to do most things given enough time (followed by many years of learning about good design vs code that mostly works, a phase which I'm still in) was when I got a good handle on "types".

"Type" is kind of a loaded word in programming, I'm not talking about static vs dynamic types, more like the abstract data type sense of the word. If you can answer with confidence "What what this expression yield? What can I do with it?" then you've got enough to be a productive (although probably pretty bad, initially) programmer.
>>
Hello,
I'm seekin a way to sending messages between 2 devices, is there a way to do it as easy as socket but without server ?
I'm working with JS
>>
>>52162289
>The unicode character for the "burger stack"
You don't want to depend on good unicode support for a menu icon. Find an SVG or something. If push comes to shove you can stack three divs together which isn't really great but at least it'll render fairly consistently.
>>
>>52161710
if something doesnt click right away, just learn the syntax and understand what your doing on the basic level and eventually it will click
>>
>>52162329
try pusher or something
>>
>>52162329
>without server
You're looking for WebRTC. It's not super complicated, if you've used raw sockets before it'll be simpler than that, but it's an experimental API and you're going to have to figure out how to address the remote device somehow which is a non-trivial problem without a server unless you can hardcode addresses for some reason.
>>
>>52162362
Looks interessing

>>52162370
Gonna try with pusher then I will take a look at that

Thank you guys
>>
>>52162329
There's third party solutions for that like Firebase but with no server that would require storing your API keys in client-side code. Usually this is a comically bad idea but if it's for like a small personal project or something who really cares?
>>
>>52162370
>non-trivial problem
maybe for you lmao xd
>>
>>52162490
I'm sorry, I actually meant it's impossible. You can sorta solve it with DHTs but you still need an induction point (server). Also DHTs are non-trivial to implement.
>>
>>52162424
I want to create a notification on an Android device thank to a PC web browser action
And yes, if I store the API keys client-side it will be really bad
>>
File: idunnolol.png (114KB, 258x258px) Image search: [Google] [Yandex] [Bing]
idunnolol.png
114KB, 258x258px
>>52162683
You're fucked I guess.

I don't know, you could just write your own static server and poll it constantly for updates like it's 1997.
>>
File: 1444859596818.png (803KB, 1100x700px) Image search: [Google] [Yandex] [Bing]
1444859596818.png
803KB, 1100x700px
>>52161460
Thanks, got it to work! Put it in the library folder and told the phalcon class loader to register it.
>>
>>52161710
When you look back at your previous projects were you thought at the time that you really knew what you were doing, but actually cringe at how bad, wrong, and overly complicated you made things for no reason.

This is an endless realization, next year im going to look back at what im doing now and say "jesus christ im stupid, why did i do it THAT way when i can do it THIS way???"
>>
>>52162683
>PC web browser action
How is a web browser going to take an action without a server?
>>
How do I make money with a week of web dev?
Yeah I'm in it for the money
>>
>>52164822
>a week of web dev?

No.
>>
File: 1450591574530.jpg (20KB, 223x191px) Image search: [Google] [Yandex] [Bing]
1450591574530.jpg
20KB, 223x191px
>>52164822
>with a week of web dev
Too soon, anon
>>
>>52164822
>money
Put it like this.

Outside of a few select areas, HR won't hire you unless you have a lot of experience or a degree and a little experience. Either way, you need closer to 6 years than a month, either 4 years of a degree and a miraculous job in which their hr didn't ask for 2 years of experience, or no degree and 6 years of experience in which their hr (more likely your aunt) just hired you for shits and giggles.

Basically, tech at the moment is either a nepotism or minority test. Everyone is asking for experience and no one is giving experience, it makes it a very difficult industry to get a foot into.... Unless you use nepotism or are a minority.

But you're absolutely not getting a job with just a week of experience no matter who you are.
>>
>>52165582
>or are a minority.

Wew I say white boyz saying this but it's done squat to get me hired. Saw some stats that said twitter only has 2% black employees.

Keep living in your bubble though bruhs.
>>
File: 1443099847010.png (94KB, 410x359px) Image search: [Google] [Yandex] [Bing]
1443099847010.png
94KB, 410x359px
>>52165621
That's because there are only 2% of black graduates, besides, you're right, its more women than ethnic minorities.

Pic related, proof women are more valued in engineering: they're paid more.

>Keep living in your bubble though bruhs.
Keep denying the Marxism almost all HR indulge in.
>>
>>52165621
They'll take the disadvantaged minority over the white guy if the minority is equally qualified, but this is like waiting for a unicorn to apply to your company, and these companies have so far been unwilling to gut their standards just so they could hire more niggaz.
>>
>>52165582
>either 4 years of a degree and a miraculous job in which their hr didn't ask for 2 years of experience
I know the bay area is better than most places but recruiters were beating down my door a month before graduation and I went to a shitty state college. Is it really that bad in other parts of the country?
>>
Anyone have any idea where I can get some good Beginner Node books? I don't want to learn PHP if node stays around, as I already know some JS
>>
File: Nodejs.jpg (77KB, 500x656px) Image search: [Google] [Yandex] [Bing]
Nodejs.jpg
77KB, 500x656px
>>52167238
I saw some tutorials and pic related was recommended. I've went through chapter 1 to 8 and I've understood everything, I'm not sure if this is outdated but it was pretty solid in concepts.
>>
>>52167285
Yeh, I have this one already, but I'm stuck at testing with zombie (near the end of chapter 5). I'm getting an error I can't figure out.
>>
>>52167300
>I'm getting an error I can't figure out.
source/stacktrace? I'm drunk and have nothing better to do until midnight.
>>
>>52167285
Whats with dev books and boring covers? Christ those birds and that color scheme is enough to put me to sleep instantly...
>>
File: Land-of-Lisp[1].png (124KB, 474x626px) Image search: [Google] [Yandex] [Bing]
Land-of-Lisp[1].png
124KB, 474x626px
>>52167617
You're probably the kind of butthole that thinks the Land of Lisp cover is "autismal"
>>
File: screenshot.jpg (80KB, 1576x372px) Image search: [Google] [Yandex] [Bing]
screenshot.jpg
80KB, 1576x372px
>>52167552
It's split over several files. But here's the error message in the screen shot.

>>52167617
O'Reily books are pretty much always like that.
>>
>>52167797
Couldn't say without the source (just the test files would probably be fine) but it says to check done is being called so there's that. Each it clause that takes async action (makes a request or whatever) should take an argument (usually called done) and call it when you've run through all your asserts. Alternatively return a promise but I don't know zombie's signatures so I wouldn't really be able to say what to return.
>>
File: crosstestfile.png (140KB, 534x828px) Image search: [Google] [Yandex] [Bing]
crosstestfile.png
140KB, 534x828px
>>52168379
Developing on C9.
>>
>>52168575
=== was a mistake
>>
>>52166440
>They'll take the disadvantaged minority over the white guy if the minority is equally qualified

Even more myths. The inverse is what's actually true.
>>
File: Untitled.png (26KB, 960x268px) Image search: [Google] [Yandex] [Bing]
Untitled.png
26KB, 960x268px
could someone help me get on my feet with javascript? I have enabled jstool through notepad++ but I don't know how to get to the console or anything and I'd also like to use a library.

Or even a tutorial would be nice, because I can't do shit
>>
>>52168615
automatic typecasting in general was a mistake.
>>
>>52168575
Why is the last one localhost:8080 and the others are full URLs?
>>
>>52168889
I was just screwing around, it doesn't make a difference if they're all "localhost" or all the url.
>>
File: 1449159697967.png (325KB, 382x417px) Image search: [Google] [Yandex] [Bing]
1449159697967.png
325KB, 382x417px
What color should my website footer be if the site background is black? Also, any general advice on picking colors for websites?
>>
>>52169630
Hot pink
>>
what on earth is the difference between a job and a paid internship ?
>>
>>52169630
any semi-light color, really

blue, green, yellow

has to be easy on the eyes though
>>
>>52169630
Pink
>>
>>52168634
>Even more myths. The inverse is what's actually true.
There's a black guy here who actually still believes that hr isn't full of fat women with sociology degrees who have misguided notions about privilege. Cut the victimisation shit, it hasn't been 1950 in a very long time.

We struggle to get a job because we're white, you struggle because you make out learning python as an achievement.
>>
I've been trying to make a image browser in my localhost.
I have succeeded in loading the images I want to view, I have however not yet managed to get the next and previous buttons to work.
I'm still pretty new to webdev and if you see something dumb or if this whole project can be simplified a lot, please say so.

Here is a jsFiddle (I hope I shared it correctly, never done this before either)
https://jsfiddle.net/ccg1bsxk/1/
>>
>>52171642
What your doing to manipulate the image makes no sense. You have to change the dom. You are just returning something in JS.
>>
Do you use bootstrap or other templating frameworks?


Sick as shit of all websites looking the same.
>>
>>52146802
so media queries
>>
>>52146716
Mithril
>>
>>52146716
Custom in-house microtemplating.
>>
Let's say you log into a website, get the cookie you need to stay "logged in" but after a while you get logged out, the cookie didn't expire or anything but you're out

what would you do to try to figure this shit out, I'm losing my mind

it's a third-party website
>>
>>52174119
The server rejects your cookie for some reason.
>>
>>52171642
You've got a number of issues here.

The first is that you're right that you need to capture your index in a closure but you didn't get it quite right, if you inspect imageArray (or whatever it was called, the global) only the last item will be populated.

Then where you declare that var you do something like
>var imageArray[];
which is C syntax but not valid in JS. You just want
>var imageArray;

And lastly simply returning an element from nextImage/prevImage won't work. You need to do something closer to
>document.getElementById("list").innerHtml = imageList[indexLast];
>>
>>52171642
>>52175291
Here's a minimal changeset to make it work, it's not pretty but I thought it would be more useful if it wan't a total rewrite.
https://jsfiddle.net/ccg1bsxk/14/
>>
File: wat.png (461KB, 1290x628px) Image search: [Google] [Yandex] [Bing]
wat.png
461KB, 1290x628px
Need help picking the colors for this setup (particularly the white div).
Front-end isn't my forte.
>>
>>52176128
Try playing around on colorco.de?
>>
>>52176128
Maybe this will help you.
https://color.adobe.com/explore/most-popular/?time=all
>>
>>52176243
>>52176254
Thanks, these are very helpful.
colourco.de* is pretty cool.
>>
>>52171627
>Cut the victimisation shit

How ironic since you're the only one whining and then pushing myths that aren't even true.If you aren't getting a job it's not Jamal's or Pedro's fault.
>>
>>52171627
>We struggle to get a job because we're white
Where do you live?
>>
How should I do my curriculum as a web dev?
>>
>>52179409
Develop some websites maybe?
>>
>>52146716
what's the theme senpai?
>>
>>52150977
position: relative, then change top/bottom/left/right respectively
>>
>>52180126
Yeah, I used position:relative. This is the end result >>52176128
Didn't do anything else since I no longer want it to be bigger than the div.
>>
>>52134266
I'd like to put something on GitHub for some upcoming interviews and applications. What's a fun website to scrape? I assume it has to be safe for work, so unfortunately a compendium of Bad Dragon toys isn't an option.
>>
>>52168710
I like building directly from Sublime Text, so sorry I can't help you with Notepad++.
>>
File: mfw.gif (932KB, 500x271px) Image search: [Google] [Yandex] [Bing]
mfw.gif
932KB, 500x271px
>spend hours programming shit locally
>git push
>everything works without a single problem
>>
>>52181963
do you not use tests
>>
Hey guys can anyone help? I'm going through A smarter way to learn Javascript and I'm stuck on this problem here:
var cleanestCities = ["Cheyenne", "Sante Fe", "Tucson", "Great Falls", "Honolulu"];
var cityToCheck = prompt("What is yor city?");

var matchFound = false;

for (i = 0; i <= 4; i++); {

if (cityToCheck === cleanestCities[i]) {
matchFound = true;
alert ("it's one of the cleanest cities");
}
}
if (matchFound === false) {
alert ("it's not on the list");
}


I can't get "it's one of the cleanest cities" to print out after typing one of the cities in the array into the alert box. It just goes straight to "it's not on the list" I'm trying to utilize a flag variable, but it's not working. Any help would be appreciated. Also, anyone have any js resources they highly recommend?
>>
Anyone here ever used MochaHost? So far they're the cheapest option for hosting outside of GoDaddy.
Only need to put up a website with some PHP + MySql backend stuff so I don't need a VPS.
>>
>>52185077
Bluehost is also good my friend.
>>
>>52183536
your for syntax is completely fucked. the semicolon after the parenthesis is ending the loop immediately, also trace your braces because they're wrong too.
>>
>>52137040
those aren't even hard

Like I have only been programming for 6 months and I don't see any that I couldn't do, aside from the ones that require networking
>>
>>52180658
e621.net
>>
>>52150977
add shadows?
>>
>>52147776
You dont need to apply in junior jobs...just be freelancer if you have some sites that you did before then just create your own site about you and put your work into that site...clasic portfolio..get more projects and then you can apply for better positions
>>
File: chorizos-caseros.jpg (202KB, 1024x768px) Image search: [Google] [Yandex] [Bing]
chorizos-caseros.jpg
202KB, 1024x768px
What media queries should generally be used to adapt my website to most platforms?
>>
>>52187917
https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/how-to-choose-breakpoints?hl=en
>>
>>52187917
Such a vague question.
>>
>>52187917
That's not how you should approach it.

There are thousands of devices at various sizes and orientations. Size does not indicate whether it is touch or click either.

Approach each component on the page as it's own isolated thing. Give it whatever breakpoints IT needs to work correctly at any size. Then move on to the next component. A component should only worry about itself.

It's a shame "parent-container size breakpoints" don't exist without code. A widget should ideally size based on it's contained width, but for now window size will have to do.
>>
>>52185366
Thanks, but even after changing a few things I'm still getting the same result.
var cleanestCities = ["Cheyenne", "Sante Fe", "Tucson", "Great Falls", "Honolulu"];
var cityToCheck = prompt("What is your city?")

var matchFound = false;

for (var i=0; i<=4; i++)

if (cityToCheck === cleanestCities[i]) {
matchFound = true;
alert ("it's one of the cleanest cities");
}

if (matchFound === false) {
alert ("it's not on the list");
}
>>
I got an internship at Dell to work on an angular app on AWS.

Any tips for a fresh faced sheltered intern who's never worked a real job in his life? Thanks :)
>>
>>52183536
>>52190151
var cleanestCities = ["Cheyenne", "Sante Fe", "Tucson", "Great Falls", "Honolulu"];
var cityToCheck = prompt("What is your city?")


if(cleanestCities.indexOf(cityToCheck) >= 0)
{
alert('found');
}
else
{
alert('not found');
}


also, stop omitting { and }, you'll make code unreadable.
>>
>>52190626
Are the curly braces referred to as and? And thanks.
>>
>>52155088
why not store the images in the database?
>>
>>52183536
var cleanestCities = new Set(["Cheyenne", "Sante Fe", "Tucson", "Great Falls", "Honolulu"]);
var cityToCheck = prompt("What is yor city?");

if(cleanestCities.has(cityToCheck)) {
alert("it's one of the cleanest cities");
} else {
alert("it's not on the list");
}



ES6 motherfucker.
>>
Can someone please give me an example of using the slice method on a string/extracting parts of the string. The book I'm using has the most retarded, verbose explanation and it's really confusing. I understand that when this method is used on an array (let's say a list of sports)
var sports ["Basketball", "Baseball", "Football", "Soccer", "ping pong"]

I'm able to copy elements from this list and store them in another array:

var bestSports = []
var bestSports = sports.slice(0, 3)


Now my array bestSports contains basketball and football, since the second digit in parentheses actually specifies the element after the last element to be copied.

I don't get how this can translate to slicing strings tho. Does it work the exact same way?
>>
>>52191754
Yes.
>>
>>52175291
Thanks for the help
>>52175944
I implemented it and it works perfectly, thanks!
>>
I want to start freelancing soon. How do I avoid getting scammed?
>>
>>52193549
Never work without a contract and a written spec.

I just cancelled a big project because the client sent me a spec that was unusable and I couldn't sign a contract against it.
>>
Why wont my prompt appear?
var firstName = prompt ("Enter your name:");    

var firstChar + firstName.slice(0, 1);

alert(firstName);
>>
>>52193701
var firstName = prompt("Enter your name:");
var firstChar = firstName.slice(0, 1);
alert(firstChar);
>>
>>52193701
WTF are you doing? Check the way you define the second variable.
>>
>>52193701
start reading your browsers error messages.
it tells you exactly where you screwed up.
>>
>>52183536
http://shop.oreilly.com/product/mobile/0636920027065.do
>>
This might be a stupid question
I have built a static site for a client, now they want an app, how difficult is it to just package the site up as an android and ios app?
>>
>>52194176
Tell them to use it in their browsers
>>
>>52190151

On first iteration, match is not found therefore it will alert that it didn't find it. You gotta have the alert out of the for loop

var cleanestCities = ["Cheyenne", "Sante Fe", "Tucson", "Great Falls", "Honolulu"];
var cityToCheck = prompt("What is your city?")

var matchFound = false;

for (var i=0; i<=4; i++) {
if (cityToCheck === cleanestCities[i]) {
matchFound = true;
}

/*On first iteration, match is not found therefore it will
alert that it didn't find it. I'll comment this code out

if (matchFound === false) {
alert ("it's not on the list");
}
*/
}

if (matchfound === true) {
alert ("it's one of the cleanest cities");
} else {
alert ("it's a dirty shit nigger city")
}
>>
>>52194176
If you're site is responsive then you won't have to do too much. There's a thing called webview in Android that you could use to display web pages inside the application. Since your pages are static that makes it even easier.

Back in first year I made an app (it was supposed to be a full application, not just static pages), basically all I did was define a function to check if there's an active internet connection; If there was, direct them to the web pages and if not, handle it accordingly.

I used Android Studio, but you could look at PhoneGap.
>>
>>52194542
Sounds good but thing is I want it to work offline.

Site Is fully responsive.

Client wants the apps to basically be an offline version of the site which he can use in store on tablets as a sales tool for the staff. Site has lots of products.

Alternatively if I just stick the files on the tablet can I open them through the browser? As I would on a Windows machine?
>>
File: nodejs-2560x1440.png (2MB, 2560x1440px) Image search: [Google] [Yandex] [Bing]
nodejs-2560x1440.png
2MB, 2560x1440px
Is node.js/MEAN stack being used for any real production development? The whole setup seems a bit messed up. I can't even find good info/docs on deploying node based web apps.

Other then developing is just one language, and the whole concurrency set up with node.. is there any other advantage to using it over php or java?
>>
>>52194676
>is there any other advantage to using it over php or java?
yes, it's not php or java
>>
>>52194664

You won't be able to store large amounts of files within the app. I've tried, and after 2 images it would tell me that the device is out of memory.
In your case you could set up a local web server in the store and push the pages to the device over wifi.
I do it all the time when I'm testing new web apps/web pages I've created and I want to test how they look on my phone/tablet.

>if I just stick the files on the tablet can I open them through the browser? As I would on a Windows machine?
Not that I know of. You're best option is to do it over wifi or directly from the site.
>>
>>52194702
javascript is evil too, not sure why people want to use it everywhere so desperately

learn another language dammit
>>
>>52134452
>not using bootstrap fluid-container in 2015
can't tell if bait, troll or just stupid
>>
>>52190546
When you run into a problem you can't solve politely ask the smartest/least busy guy on your team for help and buy him a beer if he does help you. A knowledgable person to ask questions and get explanations from is one of the most valuable programming tools you'll ever have
>>
File: export.png (45KB, 814x483px) Image search: [Google] [Yandex] [Bing]
export.png
45KB, 814x483px
Who else here systems engineer? And how do I make my diagrams readable by people who aren't me?
>>
>>52194664
Cordova/PhoneGap sounds like exactly what you need.
>>
>>52195010
What exactly do you do as a systems engineer?
>>
I know nothing about webdev or HTMl, etc

I want all of these tables to be uniform
How can I do that?
>>
>>52195074
work with dev and devops to put together plans for deploying things into production.

like, one good example is our programmers are really good at adding features on command, but when you want to bring that online, it's a complete cluster fuck even with really good software and intentions. i guess my job is to setup all the servers and design a way for them to deploy changes that don't break everything. i also spend a lot of my time building CI tools for similar reasons.
>>
>>52194676
>Is node.js/MEAN stack being used for any real production development?
In megacorps? No. In startups/"mobile first" stuff it's pervasive. I know it's the primary stack for OpenTable, lots of other smaller but successful companies use is as their core stack. Lots of big businesses use it for internal tooling and stuff.

>Other then developing is just one language, and the whole concurrency set up with node.. is there any other advantage to using it over php or java?
One big plus is the "framework" situation is a lot better (although people will argue otherwise) with node than PHP or Java or even than the big Python/Ruby frameworks. The historical model has been that the framework is basically another language, it's big and it takes care of a lot of thing and doesn't try to compose well with other stuff because it's kinda the extents of the universe. Node's framework situation is you use Express and mix and match a lot of little parts to make what you want, which I think it a far better approach.
>>
is even worth learning web dev in 2016?
i mean HTML, CSS, JS
>>
>>52195249
Yes.
>>
>>52195249
HTML and CSS are piss easy to learn in the first place. You could learn enough to get by in less than a week.
>>
>>52195249
That's just basic frontend
>>
>>52195249
JS is a must for interactive usability these days.
>>
>>52195010
I guess blackbox things and expand on them elsewhere, like railroad track diagrams or whatever

I was looking at an architecture document a week ago for a modified OAuth flow. I just wanted to know at what point my platform handed off to the next one which should be something I could see at a glance but my whole application's workflow was diagramed inline so I had to fingertrace through basically a snakey callstack that I had implemented before I got to the point the point the architect wanted the handoff to happen. It would have been much easier to use if there were a diagram that was like "here's the handoff between platforms" and another for "here's <my platform's> internal process diagram".
>>
>>52195104
Why not make them all one table? If you want dividers you can add a row with hone cell with colspan=2 and is empty or something or use CSS to make a divider.

also you should stop using "cellpadding" and "border" attributes on tables, use CSS instead.
>>
Can someone give me a TL;DR of browser caching for improving load times? Anything I look up is confusing as shit.
>>
>>52156985
Bootstrap Docs
>>
>>52193631
Any tips on how to write a good spec? I am a programmer myself and I've never hired anyone before. I want to hire a front end dev. I'm used to keeping notes in a team wiki as a sort of informal spec but I doubt that will work when the other person isn't your long-term teammate.
>>
>>52157143
Its quick, and you can lose the bloat with a task runner that strips unused CSS.
If you don't like the bloated classes in your markup, try Bourbon Neat, its more semantic.
>>
>>52194676
It is, but it's not that good of an idea. Node.js itself ain't too bad expect for the lack of threading but MEAN can be pretty crappy because of that "M" part. It almost all cases you'd be better served by Postgres.
>>
>>52159014
So an organization can make use of a multitude consistent and well documented solutions for common problems and get their products to market efficiently while focusing on providing the best service they can?
>>
>>52195396
Your browser stores static assets and doesn't reload them (ask for them again from a remote server) unless they've change.

Some things change frequently (a thread changes every time someone makes a post) others exceedingly rarely (favicos don't change for years on end, most images almost never change) so it becomes necessary for a webserver to tell clients what does and doesn't change.

The server uses headers to indicate when/if a given resource can be cached. When you ask for it again you tell the server the last timestamp of the last time you requested the same resource. If it returns a response code 200 it means you need to reload it. If it returns a 304 it means "your cache is valid, I'm not transferring the file, load it from your cache"

There are always subtleties around caching but that's the gist of it.
>>
>>52195157
I would call what you do "devops". If you do that what does the devops team do? Are you sure they aren't just "ops", no "dev"?
>>
>>52195423
For a frontend dev redlines (like visual mockups with indications of lengths, colors, size) are the standard sort of "spec". There have been books written on how to do "functional specs" or "interaction specs" but they're rarely worth the effort IMO, better to just explain what you mean assuming you're not signing a contract against it (never sign a contract on a verbal spec, if you're hiring or the one being hired, it will always fuck you).
>>
>>52195473
The problem is, JavaScript frameworks are anything but "consistent and well documented". Sure, some are, but there isn't "a multitude" of them. Look at the recent Sails.js debacle as an example.
>>
>>52195437
>task runner that strips unused CSS
What does this? I'm skeptical that it's possible to detect CSS usage analytically.
>>
>>52195564
I mean, if there's CSS for specific selectors (like a class) that don't actually exist in the HTML.
>>
>>52167300

I highly recommend you some tutorials from Lynda.com. Will get you having a page in short time and you'll understand many stuff.
>>
>>52195560
So you have one example of a JS framework that's supposedly not well documented.

How many well documented and consistent frameworks do I need to name for you to admit you're wrong? What constitutes a "multitude" in your mind?
>>
>>52195590
But that could only possibly work if your HTML is 100% static and the JS never changes the dom, which describes like no project ever.
>>
for (var dbname in this.db)
{
this.db[dbname].loadDatabase(function(err) //callback
{
if (err)
{console.log("[DB] Load Error: "+err);return}

self.db[dbname].count({},function(err,count,varx) //callback
{
if (err)
console.log("[DB] Count Error:" +err)
else
console.log("[DB] Loaded "+dbname+" with "+count+" documents");
})
})

}


How do I reformat this? I'm having a lot of trouble thinking in async. Logically I would expect this to output a bunch of console lines spelling out "DB: Loaded users with 6 documents, loaded objects with 6 documents" etc. but it takes the last item in the list (named "items") and just rehashes it for every line. I know the final assignment of dbname is "items" and the async just takes that value but it is beyond me how I store the value in a way the async scope can reach. Thanks in advance for helping me, I've been googling all day..
>>
>>52195511
Well the only two groups I work with are the devs and company ceos, most of the time yeah I'd call it devops too. Since it's a small company our HR is also part of ops but only at the support level, I pick up everything between as well as handle procurement and provisioning hence the "engineer" title.

I've asked them why I don't have a manager several times before, but I can't really complain since I have it pretty good here and everyone in their departments manage to do everything really well without being nannied by management.
>>
>>52195626
I mean, I understand that. I was just providing an example.
>>
>>52134452
>Should I rely on JavaScript to adapt my website to different screen sizes and platforms, or should I use @media instead?
It depends on the layout, you may want to collapse menus for smartphone screens. Just resize your browser window and watch how it adjusts.

>Also, to what extent should my website rely on JavaScript?
Unless you are making something like google docs, it shouldn't rely on it at all. You can still use some but it should fully work with it disabled.

>And is adding sounds on button click a good idea?
No its not. Never add gimmicky shit like this. No audio/video should ever play unless someone clicks a play button specifically for that media.
>>
>>52195636
explain what do you actually want to do
>>
>>52195636
Nobody uses K&R style for JS, that's going to be confusing to most devs.
>>
>>52195560
One example isn't the most convincing.
Even the Angular controversy doesn't convince me, Angular 1 will still work. If you are a decent programmer you can learn these frameworks in under a week for the most part, and after that get more work done, faster. And a co-worker can pick up right from where you left off with minimal adjustment time. I fail to see the problem.
>>
>>52153937
You're why people make fun of web developers.
>>
>>52195611
>So you have one example of a JS framework that's supposedly not well documented.
I already have. If you think it well documented, compare it to something like Django and also compare the how much undocumented behavior Sails.js has.
>How many well documented and consistent frameworks do I need to name for you to admit you're wrong?
Actually, I take that back. "A multitude" is too vague anyway. What I meant is not that there isn't a number of well document frameworks out there but that there is an overwhelming glut of crap that crappy devs thoughtlessly adopt because it's new and shiny. And then you inherit their codebase/your boss forces it on you, etc. That's the real problem with JavaScript/NPM.
>>
Does anyone else feel grossly overpaid for doing the easiest shit on earth?
>>
>>52195779
I do everything from the DB to the markup so no, not really
>>
>>52195808
Yeah, me too. It's still retard level stuff compared to real programmers though. I make 100k to write CRUD operations.
>>
>>52195779
Web Dev can get tricky, but sure it's not rocket-science. I've been in the game 2.5 years and on £30000. Responsive web dev, fortunately, can still blow peoples minds when you wiggle your browser lol

Looking to move more into a JS library over this year, know a fair bit of Angular.

Should look at Node as I can't remember any PHP from years ago.
>>
>>52195733
>Angular 1 will still work
Actually, I agreed. It's not much of an issue. I think Angular 1's biggest problem is its overly complex structure coupled with poorly written documentation. (Google is at it again; see also: Android.) It sort of works as a reference but it is not a good way to learn the framework at all. Hopefully with Angular 2 you will be able to rely on the types more to understand how the pieces fit together.
>>
>>52195860
Stay away from PHP, it will make you a worse programmer if you're not extremely strict with it.
>>
>>52195755
>there is an overwhelming glut of crap that crappy devs thoughtlessly adopt because it's new and shiny. And then you inherit their codebase/your boss forces it on you, etc.
I agree wholeheartedly. I love new shiny things but I've been screwed by early adoption enough times to know the dangers of hitching a big project to a 2 week old dependency.

>That's the real problem with JavaScript/NPM.
I'm not sure that's really a JS specific problem but sure, it certainly is a lesson a significant part of the web dev community (among others) has yet to learn.
>>
NEW THREAD

>>52195983
>>52195983
>>52195983
>>52195983

This one is kill
>>
>>52195905
Thanks for the advice mang. I like /wdg/ it seems like the least troll-y place on 4Chan, beyond other programmers deriding our industry!
>>
The theming of Wordpress comments is so poorly documented.
>>
>be somewhat fluent in HTML & CSS
>have no project
Any ideas, /g/?
>>
>>52195779
Most definitely. I did medical imaging (like computational processing thereof) research in college and was really pushed to the limits of my ability, it was fun but the hardest work I've ever done. I did it for free. The fact that I get paid what I do to put fucking shadows on buttons on a site that's going to be redesigned within 3-6 years makes me hate myself.
>>
>>52196032
Make a website for a band you like. May not be portfolio level stuff but problems WILL arise that you will need to figure out, and therefore get better by fixing.
>>
>>52195987
>I'm not sure that's really a JS specific problem
It isn't, but frankly, I have never seen it get as bad anywhere else.
>>
>>52196061
What would I put in said website? Make a shop or buy albums or something like that? I could probably whip something up with bootstrap.
>>
>>52195723
It's supposed to log a bunch of lines to console stating the amount of documents in each (sub)database. It's logging the lines and the amount of documents correctly but it's taking the last value of the for loop as the name.

>Instead of
[DB] Loaded users: 6 documents
[DB] Loaded documents: 12 documents
[DB] Loaded objects: 4 documents

>It outputs
[DB] Loaded objects: 6 documents
[DB] Loaded objects: 12 documents
[DB] Loaded objects: 4 documents
>>
>>52196032
learn JS because HTML and CSS are important skills but there's not that much interesting stuff you can do with them without some kind of user interaction.

>>52196116
Github pages is always a good way to host static sties.

>>52196094
Yeah, it is definitely endemic. If you're into niche languages you'll probably see worse cases of early adopter syndrome but then there's a limited potential for shit to hit the fan in that kind of arena.
>>
>>52196174
Yeah, I was thinking JS next. I really like Angular... Also, already have a website hosted on github (albeit a shitty one)
>>
>>52195636
Yeah, the style looks really wonky but whatever.

It's not actually async that's messing with you here per se, it's closure semantics. You need to "capture" the dbname var. Consider:

for (var dbname in this.db)
{
(function(cap_dbname) {
this.db[dbname].loadDatabase(function(err) //callback
{
if (err)
{console.log("[DB] Load Error: "+err);return}

self.db[dbname].count({},function(err,count,varx) //callback
{
if (err)
console.log("[DB] Count Error:" +err)
else
console.log("[DB] Loaded "+dbname+" with "+count+" documents");
})
})
})(dbname);
}
>>
>>52196305
err wait, what I meant was:

for (var dbname in this.db)
{
(function(cap_dbname) {
this.db[cap_dbname].loadDatabase(function(err) //callback
{
if (err)
{console.log("[DB] Load Error: "+err);return}

self.db[cap_dbname].count({},function(err,count,varx) //callback
{
if (err)
console.log("[DB] Count Error:" +err)
else
console.log("[DB] Loaded "+cap_dbname+" with "+count+" documents");
})
})
})(dbname);
}


I'd suggest googling JS's closure rules to understand why this works and if that doesn't make sense come back and ask questions.
>>
>>52137040
Check the codepen blog and look at their old weekly competitions. Some cool stuff there and since they're older you can see who won
>>
>>52194676
Node is fine, if you write in ES6, but MongoDB is pure inconsistent garbage. Stay away from it like the plague. There are much more reliable options around, like PostgreSQL, Riak, RethinkDB and even Redis in some cases.
Thread replies: 333
Thread images: 31
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y / ] [Home]

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.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
If a post contains illegal content, please click on its [Report] button and follow the instructions.
This is a 4chan archive - all of the content originated from them. If you need information for a Poster - you need to contact them.
This website shows only archived content and is not affiliated with 4chan in any way.
If you like this website please support us by donating with Bitcoin at 1XVgDnu36zCj97gLdeSwHMdiJaBkqhtMK