[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 >>52894718 - old thread
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: 82
Thread images: 6
File: hipsters1.jpg (57 KB, 500x375) Image search: [Google]
hipsters1.jpg
57 KB, 500x375
/wdg/ Web Development General

>>52894718 - old thread

>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/

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

>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
>>
File: 1454941377880.png (1 MB, 720x1280) Image search: [Google]
1454941377880.png
1 MB, 720x1280
I started a new Node.js job this week.

I have to use a macbook with a 4k monitor attached because my actual mac hasn't arrived yet.

I've never macced before, only Windows and Linux, its like learning to walk again.

The mouse is wireless and manages to lag when I move it.

I just got home and pressed Alt-C Alt-V in order to copypasta the OP from the last thread, because during the day I've had to use the command key for shit... It is greatly fucking me off.

I also have no fucking idea what I'm doing at my job. I have to read through like 5 repos of other people's code.

That concludes my blog entry for today.
>>
I'm following an online course that's teaching me the 'programming fundamentals', stuff like objects and prototypes. However, they never explained how to use that stuff on a web app, or how to implement this knowledge to a web app.

It seems that latter in the course, they gonna teach me jquery and will never explain how to use vanilla javascript on browser.

Is this ok? Won't it be hindering in the long run?
>>
var gulp = require('gulp');
var sass = require('gulp-sass');
var concat = require('gulp-concat');

gulp.task('styles', function(){
return gulp.src([
'./assets/styles/app.sass'
])
.pipe(sass({
incluePaths: [
'./bower_components/foundation-sites/scss'
]
}))
.pipe(concat('app.css'))
.pipe(gulp.dest('./public/css'));
});

gulp.task('default',['styles']);


@import "foundation"

body
background: red


Why isn't gulp importing foundation? it's bringing up an error here :

 events.js:141
throw er; // Unhandled 'error' event
^
Error: assets/styles/app.sass
Error: File to import not found or unreadable: foundation
Parent style sheet: stdin
on line 1 of stdin
>> @import "foundation";
^

at options.error (/Users/muh-name/Desktop/portfolio/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:277:32)

>>
>>52923331
what's your background anon? What do you actually do day to day? Would you say you're fully qualified or are you learning on the job?
>>
>>52923676
https://github.com/dlmanning/gulp-sass/issues/1

Does this help?

I'm not that good at gulp, I just set it up and then don't touch it again
>>
>>52923705
I am self taught. No degree, Only previous experience is revamping my old work's shitty PHP website.

Day-to-day I don't know what I'm doing as today was my second day. I'm reading code and my boss gave me a small side-project to work on involving an old XML API.

>Would you say you're fully qualified or are you learning on the job?
I'm only qualified insofar as I'm actually interested in Node and what the company does. But I'm very much entry-level.

My boss said it's cool if I literally sit and watch Crockford on Javascript lectures during work, and any time I have a question he jumps up on the whiteboard and explains everything connected with what I might have wanted to know.
>>
>>52923760

thanks anon but no dice. I'm stumped.

I've followed this tut :
>https://www.youtube.com/watch?v=De6H0eFrfvY

but he's using foundation 5 and i'm trying to use foundation 6
>>
>>52923875
How long did you teach yourself before you applied for a job?
>>
>>52923953
Use 5 then.
>>
>>52923206
>tfw they're literally my fetish
Why tumblr why
>>
>>52923662
Anyone?
>>
>>52923988
I've been coding as a hobby for a long time, but I realized about 6 months ago that I could do it professionally, because I figured out that nobody actually knows what they're doing. So I focused on learning Javascript due to its popularity and use in both front and backend. Also learned git, ssh, build tools, and some basic linux command line stuff.

I found this video (and channel) useful guidance on what to learn
https://www.youtube.com/watch?v=pB0WvcxTbCA

I live in the North of England. I have virtually no experience and only one or two example projects on github, filled my resume with buzzwords, libraries and frameworks to get past the non-technical recruiters, which worked.

I got plenty of interviews and ultimately a job about 6 weeks after I started looking. Plus I was expecting something like £21k-25k per year which is around the ballpark for entry-level stuff in this area, ended up with £28k.

So yeah, apply and see what you can get.
>>
>>52924522
Well done mate, it's inspiring and comforting to know that you could to it with minimal knowledge but a desire and an aptitude to learn (feel like i'm in a similar position).
>>
>>52924486

You're not going to learn from a single source, that's just not how it works. You can attend university for this subject and this need to supplement the material with other online sources so drop this idea of learning everything from one place.

Here's what you need to know and in what order

>HTMl
>Clean, semantic html
>CSS
>Advanced CSS topics (positioning, selectors, architecture
>Javascript
>Jquery
>Go back to CSS and learn SASS or some other preprocessor now
>Work on a few static page projects that use html, css, and javascript
>Then when and only when you're comfortable with front end go on the back end, you can choose which framework you want

Here are sources to check out
>Youtube videos - you'll have to watch about 5 series on the same topic before it actually makes sense, don't think that one "learn javascript" video is going to teach you it; you're going to forget about 50% of it right away and that video probably only covered 25% of the language to begin with.
>Udemy has cheap courses and some free ones, its a great resource

Just remembered there are a shit tonne in the OP so just reference that. Don't get discouraged when you and if you're having trouble learning everything right away its normal. When learning web dev you have to hammer away at it little by little.

And dont get too caught up in shit like vanilla js, or other frameworks; no one gives a shit. Only pick up a framework when you find a use for it, at that point it will be incredibly easy. I spent a week trying to understand bootstrap when I first started learning html and still couldn't get it. I picked it up in like half a day a year later when I actually knew what I was talking about.
>>
>>52924642
I'm learning from multiple sources. Youtube, this page where I'm doing the course and books when I don't have access to a pc. I know my stuff with html, and only struggling with css positioning wise. I'll keep at it because with webdev I've found something that makes me happy. I was wondering if jumping from that stuff to jquery was ok or not.

Thanks for the information, though, I'll give use to it
>>
When you guys are learning back-end, where are you hosting it?

I tried calling an API with a simple PHP script and pulling that into an HTML page with JS. Problem was I was running it on my local machine, and Chrome doesn't like it; it called it "cross-origin resource sharing".

I'm trying to use Heroku, but they have a whole system to learn along with everything else.

Should I get a DigitalOcean account or something?

I use Github's free hosting for my personal site; maybe I should use it for back end projects also?

Related question: Is it worth learning WordPress.org or should I stick to Node?
>>
>>52924828
I'm replying to myself, to elaborate:

When I'm working on front-end stuff, I can just type and save with a text editor, and open the page with Chrome, straight from the file system; no hosting required.

Then I can upload changes to GitHub whenever I'm ready to publish it.

But this doesn't seem to work for every back-end project. Sometimes it does, but sometimes it is blocked, because Chrome doesn't like files being accessed locally or something.

What's the standard work process for stuff like this?
>>
>>52925009
If you're using php, install wampp to run a local server at http://localhost:80

Windows
Apache
Mysql
Php
>>
>>52924828
Running things in local machine is perfectly fine for development and testing, you probably did something that made chrome think that your HTML page and API were in different machines.
Also pretty sure Github hosting only supports static html so no backend.
Wordpress.org and Node are very different things- one is blogging platform and other is environment for running javascript. Also please keep away from Wordpress unless you are planning to use it as normal user or there are immidiate employment possibilities.
>>
Mind taking a look at the code? Keep in mind most of this is copypasta since I don't know PHP. The two files are in the same folder.

api_caller.php:
<?php
$curl = curl_init("https://www.haloapi.com/profile/h5/profiles/VetoForBRS/emblem");
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_ENCODING, "");
curl_setopt($curl, CURLOPT_HTTPHEADER, array(
"Ocp-Apim-Subscription-Key: __________I removed it for 4Chan________"
));
$response = curl_exec($curl);
if ($response === FALSE) {
echo "cURL Error: " . curl_error($curl);
die();
}
curl_close($curl);
die($response);
?>


haloAPI.html:
<!DOCTYPE html>
<html>
<head>
<title>JSSample</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>
<body>
At least the HTML loaded.
<script type="text/javascript">

$.ajax({
url: "api_caller.php",
type: "GET",
data:{
url: "https://www.haloapi.com/profile/h5/profiles/VetoForBRS/emblem"
},
dataType: "json"
})
.done(function(response) {
console.log("success " + response);
})
.fail(function(data) {
console.log("failure " + data);
});
</script>
</body>
</html>



Here is Chrome's console error when haloAPI.html is opened in Chrome:

XMLHttpRequest cannot load file:///C:/Users/Ryan/Documents/portfolio/halo/api_caller.php?url=https%3A%2F%2Fwww.haloapi.com%2Fprofile%2Fh5%2Fprofiles%2FVetoForBRS%2Femblem. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.send @ jquery.min.js:3
haloAPI.html:23 failure [object Object]
>>
>>52923676
>incluePaths

Is it maybe because 'includePaths' is misspelled?
>>
>>52924828
>When you guys are learning back-end, where are you hosting it?
Download it and run it on my machine. This is easy for PHP, you can just download XAMPP and it'll set it all up for you. Other stacks like Ruby on Rails, Python and Django/Flask, and Node.js, all have relatively simple installation instructions.

However Windows isn't a great development environment, it puts a lot of roadblocks in the way. Linux or Mac is better. If you don't have either, and can't be bothered dual-booting Linux, then try a virtual machine. Use Virtualbox and Vagrant to set up a Linux development sandbox on your Windows machine.

https://www.youtube.com/watch?v=PmOMc4zfCSw

If you need to showcase backend stuff then either use Heroku, or run a box on Linode or Digital Ocean. I'd recommend the latter two after learning Linux
>>
>>52925313
There is significant difference in opening html as file and opening it as url in webserver.
>>
>>52924522
>>52924522
Nice, what sort of buzzwords are popular to put?
Trying to get out of .NET development and into a Node job myself, been going through nodeschool and I'm very much enjoying it a lot more.
>>
>>52925535
thanks for making me feel more of a dickhead than i actually am anon x
>>
>>52925612
I tried setting up a Node server that returned my HTML page from http://localhost:3000 or something, but I still had the same error. Is that not what you mean?


Thanks to everyone for the replies.
>>
>>52923206
I should have never fallen for the nodejs meme and should have written my website in rust.
>>
>>52925798
If you accessed HTML through url like http://localhost:3000/haloAPI.html then you shouldn't get that error. It's also possible that API doesn't support CORS making it impossible to access it through browser javascript. Btw, you can serve HTML through PHP webserver too.
>>
>>52924642
are people expected to keep all this stuff in their heads
was at a third interview (coding on the job) and was asked to do some jquery stuff. i ended up having to google how to do an alert based on class before my horrible brain fog caused me to forget how to do it
>>
>>52925678
If you've got any kind of background in development you should be fine.

You just have to understand that recruiters are literally just warm bodies, and a lot of them don't know the difference between Java, Javascript, and jQuery. They're basically just keyword matching tools who can also make phonecalls. So tailor your resume to get past these people and get to talk to someone who knows stuff. Just don't lie.
>>
>>52925915
Yes, at least basics. It should be acceptable to google/RTFM for stuff that isn't common in everyday usage. Also, it is easy to remember if you actually use it, not just try to cram manual.
>>
>>52925915
I always have the docs open when I'm working on something m8

Just know how they all stick together.

Also coding interviews are fucking turbo gay.
>>
>>52925535
actually it only sort of worked. I corrected the spelling mistake but now it's only imported the comments at the top of the foundation.scss file and not its contents. weird.
>>
Best way to dynamically add content to a page? Right now I'm using jquery + ajax to request a json document and then generate html. Is there a better way to do this?
>>
>>52925835
>disdaining the node hipster meme
>falling for the rust gayzilla meme
You're moving from one mistake to another.
>>
NEXT TIME PUT IT IN THE FUCKING SUBJECT LINE SO YOU'LL GED FILTERED, GOD FUCKING DAMN
>>
>>52926381
We need more info before we can give you tips, anon.

What are you dynamically adding?

If it's something like chat, websockets. If you're going for a SPA, pick one of the umptbillion nodejs frameworks that handle dynamic content and templating for you. If you just want to add a little dynamic content to your existing codebase, jquery and ajax are just fine.
>>
>>52925835
Wait, you you... you can write the backend of a Rest api in Rust? O_O
>>
File: 1365159137764.jpg (8 KB, 247x204) Image search: [Google]
1365159137764.jpg
8 KB, 247x204
New to git and loving it but one thing.

I am fucking terrified when I am filling the commit text. Should it be formal or informal? What if it sounds stupid? Did I mention everything?

Should I be this worried?
>>
>>52926439
Right now I have an infinite scrolling page that continuously adds text posts from users. Nothing needs to be added live so I don't need websockets. I'm using nodejs right now for to host the content and api.
>>
>>52926555
Who are you writing it for?

Also, read http://chris.beams.io/posts/git-commit/

Separate subject from body with a blank line
Limit the subject line to 50 characters
Capitalize the subject line
Do not end the subject line with a period
Use the imperative mood in the subject line
Wrap the body at 72 characters
Use the body to explain what and why vs. how
>>
>>52926714
Thanks anon. That's a great resource. Just what I needed.

>Who are you writing it for?
Uh... for myself, currently. But I want to do it the right way so I can commit to some serious repo in the future and not fuck up.
>>
>>52926499
Bro....

You can write the backend of a rest api in any language.
>>
>>52926829
Just because you can doesn't mean you should.
>>
>>52926892
Bullshit.

That could have been true in the 90s but there are well built web frameworks in every language during the current year.

Shut the fuck up and stop telling people how to program.
>>
>>52926953
>there are well built web frameworks in every language
Is there one in C? Assembly?
>>
>>52926996
>one in C
Googled myself:
https://kore.io/
>>
>>52926996
I searched for one in C++, but there is only a library from google to make Rest api clients.
>>
>>52926996
My friend coded his in machine language. It's fucking fast. Works even faster than your internet connection.
>>
>>52926996
>>52927015
For assembly, there's this
http://www.intel-assembler.it/portale/5/cinchy-x86-web-server/a-basic-asm-web-server.asp
though it's more like a demo
>>
>>52926402
Do elaborate.
>>
>>52927034
quick someone post the pic of that lion
>>
>>52926953
>Shut the fuck up and stop telling people how to program.
So true. All programming languages are just as good as each other.

If you think otherwise or notice differences between them that you think matter, then you're being a tech bigot, and you're probably racist and sexist to boot.
>>
>>52927045
(not GP)
Rust community is ridden by the same problems as node.js, including (but not limited to) over-politicization.
As in, they'd turn on you (get you harassed/doxxed/fired) if you do anything SJWs do not like - eg using the wrong pronouns when addressing the demisexual PoC diversity officer (which, of course, is immeasurably more important than any of what they dismissively call 'bit-pushers', aka contributing programmers (because equality)).

Hating on straight white men is totally fine, though.
>>
The more I learn the less I feel that I know.
>>
File: WUT.jpg (44 KB, 500x453) Image search: [Google]
WUT.jpg
44 KB, 500x453
>>52927055
(picname related)
>>
>>52927144
Exactly this. I can relate anon. I bet there's some cool saying that says something like "the more your knowledge increase the more you notice your lack of knowledge"
>>
>>52927121
>Rust community is ridden by the same problems as node.js, including (but not limited to) over-politicization.
>As in, they'd turn on you (get you harassed/doxxed/fired) if you do anything SJWs do not like - eg using the wrong pronouns when addressing the demisexual PoC diversity officer (which, of course, is immeasurably more important than any of what they dismissively call 'bit-pushers', aka contributing programmers (because equality)).

This has not been my experience sitting on IRC and such, so I would need links to articles describing such incidents with the rust community in particular. Might be the fact I avoid non-technical discussions.

Also, the topic at hand wasn't the community. NodeJS is cancerous from a technical standpoint, while Rust is (IMO) one of the most technically sound languages I've encountered yet.
>>
>>52927034
>http://www.intel-assembler.it/portale/5/cinchy-x86-web-server/a-basic-asm-web-server.asp
Motherfucking asshole uses numbers for labels. Damn.
>>
>>52927081
remember kids, meritocracy is EEEEEEEBIL
and is literally rape
soon we'll overthrow the oppressive Patriarchy of the white men
and will start living new happy life
just like people of Zimbabwe/South Africa
>>
>>52927174
Yeah yeah, but it makes me worried as I apply to jobs because I feel like I won't be impressive in an interview.
>>
Tried Ruby on Rails for the first time today, I find it nice when things come together but the syntax is uncomfortable. Does familiarity come faster by trying some actual Ruby or continuing down webdev tor RoR
>>
>>52927184
SJWs did push for black list for unemployment for political reasons, and #hnwatch on Twitter is one of the publicly available attempts to collect wrongthink examples for that.
Steve Klabnik, a Rust core member, actively contributes to it:
https://twitter.com/search?q=%23hnwatch%20from%3Asteveklabnik&src=typd

BTW, there you can see him referencing @_danilo, who has always been openly racist against whites, but recently became famous for that - see recent BI article.
And yes, he's employed by Github and is paid to shitpost about Muh Oppression on Twitter.

Then there's PronounGate (node.js), DongleGate, OpalGate, meritocracy/Horvath scandals @GH and a bunch of other scandals. It's true they aren't about Rust, but at this point if I see a community infested by SJWs (like Klabnik), I avoid it altogether, and thus can't report more on inner details.
The part about calling programmers 'bit-pushers' and in general referring to the dismissively I definitely saw myself in one of HN discussions, though.
Then there's this whole Eich thing; then there's Mozilla's new CEO from Joyent (see PronounGate again), etc.

Rust might or might not have some technical merit; but given the toxicity of people involved, some ugly shit happening is just a matter of time. You can't escape politics there because core members actively embrace it - and if you're a straight white man, you should know the actively dislike you; which they might or might not show. For now.
>>
>>52927356
The tech industry should really shift to conservative places like Texas.
>>
>>52927247
>job
fuck that, anon. Never learn stuff so you can get a job. Job is a last resort. Start something of your own and if it fails then apply for a job.
>>
>>52927589
I did, and it failed.
>>
>>52926555
>I am fucking terrified when I am filling the commit text. Should it be formal or informal? What if it sounds stupid? Did I mention everything?

Why, my last commit on a public relativity popular repo was "fixed shit"; if you want details look into the commit and see exactly what I changed or fuck off
>>
>>52927556
well, that's another extremity
rednecks and various other traditionalists are rather anti-intellectual too
>>
>>52927121

I wish i was at the helm of one of these massive frameworks so I can just spend my free time laughing and telling sjw's to go eat a fat dick with every pull request

>changed slave/master to follower/etc...
Naw bitch now we're changing it to master/nigger

>changed gendered pronouns
declined bitch, garbage collection now referred to womens_duty in all documentation

you want to keep this up ho? I'll change the entire repo name to DinDuNuffin.js you fucking watch me do it
>>
>>52927721
Not necessarily. Major cities in "conservative" places aren't redneck or traditionalists. Stop applying stereotypes to one while continuing to forgive the 'current' side.

>>52927668
What did you try doing, if you don't mind me asking.
>>
>>52924828
try running a simple python webserver, like this:
python -m SimpleHTTPServer 8888 # python 2, or..
python -m http.server 8888 # python 3

then access http://127.1:8000/yourhtmlpage.html
>>
I smell a hobbit
>>
>>52927923
bah, I barely read... you meant backend dev...
you shouldn't have problems.
>>
>>52927778
>Major cities in "conservative" places aren't redneck or traditionalists
Good to know. Cowboy Valley when?

>>52927778
>while continuing to forgive the 'current' side
I am both >>52927356 and >>52927721, so definitely not defending SJWs. Just not an American, so might miss some details about places in the US.
>>
>>52927356
>Mozilla's new CEO from Joyent
self-fix: Joyent guy, Mark Mayo, is not the CEO of all Mozilla, but an SVP for Firefox.
>>
I started to learn html and css a few months ago, now I feel like I got a decent grasp of them, and now I'm cosidering my next steps.

I'm assuming PHP would be a good next step so I can use databases with my sites and handle queries.
MySQL will be used since I already got some experience in it.

What else should be high on my list?
My goal is simply to be a self-sufficient programmer and designer.
>>
>>52928649
Picking up some backend language is a very good idea.
PHP is one of the most popular languages in this niche indeed, but it deservedly gets a lot of hate because, frankly, it's not a very good language. A lot of articles/blog posts/angry rants have been written about it; this is one:
(it didn't like the link for some reason, just google "PHP: a fractal of bad design")

Alternatives exist. Python, Ruby, and as of recently - Javascript via node.js.
I'm using Python myself, and it does the job fairly well - comparable to, or better than, other languages. It also has the additional benefit in being somewhat more universal than Ruby or JS, since it's used, for instance, for scientific programming.

All major backend languages have bindings for all major DBs, be it MySQL, Postgres, or anything else.
>>
>inb4 404
bump
>>
>>52923206
source? more?
>tfw you will never lick his feet
why live
>>
What are good hosting options? I would do it locally but my upload is shit. I'd like as much control as I can get while not spending too much money.
>>
>>52930448
I use openshift.
there are a shitload of free hosting services out there... but openshift is very good option if you know how to use it, which is not difficult if you know how to use linux and can read the docs.
Thread replies: 82
Thread images: 6

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.