/wdg/ - Web Dev. General

Last thread 'Fuck you faggots for not making a new thread quickly enough' Edition

>IRC Channel
#Sup Forumswdg @ irc.rizon.net
Web client: rizon.net/chat

> Discord
discord.gg/0qLTzz5potDFXfdT

>Learning material
codecademy.com/
bento.io/
programming-motherfucker.com/
github.com/vhf/free-programming-books/blob/master/free-programming-books.md
theodinproject.com/
freecodecamp.com/
w3schools.com/
developer.mozilla.org/
codewars.com/
youtube.com/watch?v=JxAXlJEmNMg&feature=youtu.be&list=PL7664379246A246CB - "Crockford on JavaScript" lecture series.

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

>Backend development
en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
backendDevelopmentBookmarks.md

>Useful tools
pastebin.com/q5nB1Npt/ (embed) (embed)
libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
programmableweb.com/ - List of public APIs

>NEET guide to web dev employment
pastebin.com/4YeJAUbT/
>How to get started
youtube.com/watch?v=pB0WvcxTbCA - "WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice"
youtube.com/watch?v=zf_cb_Nw5zY - "JavaScript is Easy" - If you can't into programming, you probably won't find a simpler introduction to JavaScript than this.


>cheap vps hosting in most western locations
lowendbox.com
digitalocean.com/
linode.com/
heroku.com/
leaseweb.com
>NEW!
openshift.com/

Other urls found in this thread:

bureaucollective.ch/overview
bureaucollective.ch/api/overviewPreviews
sanfranciscointernationalbookclub.com/tm-archive/
codepen.io/user/pen/GqoaEG?editors=0011
sitepoint.com/build-javascript-countdown-timer-no-dependencies/
codepen.io/SitePoint/pen/MwNPVq
studiopress.com/
angel.co/salaries
security.stackexchange.com/questions/96985/similarities-among-all-most-malicious-javascript
aw-snap.info/articles/js-examples.php
yeoman.io/
github.com/yeoman/generator-webapp
codeschool.com/courses/shaping-up-with-angular-js
twitter.com/SFWRedditImages

web developing is for people who suck their own dicks. kill yourself faggot.

First for POO

How do I create a proposal for a potential client? I have no idea how to properly do it.

I'm assuming I'll do it in work then export it to a PDF. But I'm not 100% sure on how to lay it out or the contents. I mean I have a vague idea, but I don't know if there are any standards. I would love some direction if anyone could help

how do I assert dominance in an interview

I'm thinking about taking my penis out

thats a decent start

6th for Go.

Hey guys, I'm looking for some decent tutorials/reading material about ASP.NET Core, could you point me in the right direction?

What's the best WebRTC data channel resource?

Has anyone worked with WebVR?

What's a good free web hosting?

Just for learning how to serve a website online.

Anybody worked with Hadoop? I took a class in it and thought it was interesting and would like to learn more and get more involved with it.

Hadoop is very Java based, so obviously I need to know Java. But to what extent? Can I continue to learn Hadoop and know the java that will apply to hadoop? OR, do I need to know Java really will if I want to learn hadoop more?

Appreciate any input.

Reminder that if your project doesn't serve a static version and/or works without ANY javascript on the client, it's shit by definition.

What is the best way to implement a sub menu in nav? Javascript (jquery) or should I use just plain css?

Very dumb question incoming...

While every page has a properly coded main, the nav and the footer are includes that I load with jQuery .load(). On user's side this works great, but what about Googlebot? Can it execute javascript and load/crawl/understand what it's going on?

Reminder that if your project can be done without JS, it's trivial shit and not programming.

Just plain CSS should be fine. Javascript only if you really want to be fancy, but make sure to keep a CSS fallback regardless.


>Googlebot
>Can it execute javascript and load/crawl/understand what it's going on?

Not sure why you would "include" content like that, but yes, Googlebot knows there are people doing silly things like this with JS.

>Not sure why you would "include" content like that
When I came up with this solution I was a noob and didn't know much about includes.
Maybe I'll switch to the php approach if jQuery confuses Googlebot too much. Thank you.

>on the client

If you need JS on the client no matter what, then your project ranges from incompetent to downright malware.

What is interactive web applications? Keep writing your CRUD sites and glorified text documents.

>What is interactive web applications?
Optional shit, always optional.

Trips are for people who suck their own dicks. kill yourself faggot.

Definitely don't need to know Java very well to use Hadoop

>tfw just got back from bombarding an interview
>tfw you've been programming in a framework for so long you know nothing about the underlying language

Then how does our Pajeet a implement complex interactive experience in the browser?

>complex interactive experience
More buzzwords for unnecessary frontend shit.

You can do all of that and more

AFTER

you have made sure it works without javascript and a static delivery first

If your first concern on any project is MUH LOOKNFEEL then you are a shit developer and you need to educate yourself.

We don't seem to be on the same page. As a simple example, can you implement a snake game or a realtime chat without JS? I'm not talking about pretty transitions and animations, but actual interactivity and functionality on par with desktop applications.

Weeeell now that's a different story. But surely atleast you properly inform the user that the project requires javascript in the applicable places on the (you guessed it) static site delivery.

What I never want to see is the page just not loading without javascript, ála "look mom, I can use the angular xD" beacuse the entire page layout depends on JS without a fallback in place.

I never implied not informing the user and agree that stupid shit like full Angular, React or some other bloat of the month web SITES are in fact a very dumb thing to do. We are slowly approaching this amazing platform, where native-level functionality can be delivered to nearly any device anywhere, but all we keep doing with it is ricing our glorified input forms and Word documents.

What grinds me even more is when some website layout breaks down because COOKIES are disabled

How can that even happen? Can't you just use some sane default, if the cookie is not found?

you'd be surprised

To expand on that, I think this is when programmers don't think and have shit like

// do cookie shit here
echo x; // some layout


so the code nongracefully crashes on the cookie read/assignment part and never even puts out half the layout

>bureaucollective.ch/overview
Faggots, I need help figuring out how this hover effects works. When moving the cursor over a thumbnail from left to right it goes through the entire slideshow. How does this work?

Have you checked out Adobe XD? It's in beta for Mac only right now but I found it really useful for creating quick prototypes and clickdummies

there's a request that checks what images should be loaded/displayed
bureaucollective.ch/api/overviewPreviews
then it preloads all images and based on the cursors position above each image it shows a specific one in the center.

buttmad Russian detected.

Do a try catch with it then

reading comprehension: 0

Sorry my mental state is not at a 100% right now, I read that over and over and still can't see.

>js as backend
sounds terrible. whats intriguing me the most however is how the width of the container is used as a way of advancing the slideshow. here's another example:
sanfranciscointernationalbookclub.com/tm-archive/

>>js as backend
you don't know what backend they use.
also look at the source, they are using mousemove events and add a class to the image to show.
$("#slideshow").mousemove(function(t) {
var o = $(this).parent().offset()
, n = t.pageX - o.left;
s = 0,
$(".slide-item").each(function() {
i - 1 > s && e[s] < n && n < e[s + 1] && ($(".slide-item").removeClass("active"),
$(".slide-" + (s + 1)).addClass("active")),
s === i - 1 && e[s] < n && ($(".slide-item").removeClass("active"),
$(".slide-" + (s + 1)).addClass("active")),
s++
})
})

they are doing something similar on the mainpage.

yeah I saw that. I'm trying to wrap my head around a way of using the total width of a container to advance a slideshow. the simplest way of making slideshows is adding or subtracting 1 to an index number, where the index is parallel to the number of images. using mouseover to advance the slideshow would need to take the percentage width of a container (100) then divide that into the amount of images (say 6), then equal that division (100/6) to the index of that specific image.

I asked /sqt/, but I'm going to ask here:

If I have a custom homepage saved on my computer that a lot of other anons like to make, can a malicious website secretly edit it to do something malicious to my computer?

As long as it doesnt have any external dependencies, nothing can really affect your local files.

The website or the browser?

anyone here have any experience creating APIs? I'm new to this and wondering what resources are available for learning how to properly secure an API as best as you can.

So curious; has anyone done any work involving the WebRTC API? Seems neato. What have you done with it?

Is it possible to learn Angular 1 in two weeks? (Yes, it has to be Ang1).

what does "external dependencies" mean?

Don't expect any replies but...

How do I get myself to finally finish and publish the theme I am working on?

I am filthy poor and still, can't properly concentrate on finishing the thing. I am somehow scared of doing it (yeah, I know)

There's nothing hard about securing an API. Right after parsing the JSON, make sure all the required fields are there, there are no extra fields, the types are correct (bools, ints, floats, etc.) and the strings are an acceptable length. Done.

if your website is a single html page with external links to Sup Forums and pornhub then you're fine. if it's a website you downloaded with scripts some other user is maintaining then you could be in risk of phishing, but i really really doubt someone would take the time to do something as such.

figured it out, if anyone was wondering.
>codepen.io/user/pen/GqoaEG?editors=0011
here, for the sake of testing, the width used is the body width and the max value is 5. in a real case the width would equal the width of the thumbnail/container and the max value equal to the amount of slides.

Talking CSS resets..

Normalize is for normies, as we all know but just using isn't the right thing to do.. right? Shouldn't the star selector not be avoided at all times?

* {
margin: 0;
padding: 0;
border: 0;
}

input, textarea, select {
-webkit-appearance:none;
outline:0;
background-color: transparent;
border-radius: 0;
}


Does anyone have a good reset that they use on projects?

what's wrong with normalize?

OK good. All it currently is a countdown timer and I'm planning to spice it up with some links and CSS. Would adding JavaScript be a risky thing?

i use my own take on normalize. but regarding star selectors, this is what i use:

*, *:before, *:after {
margin: 0;
padding: 0;
box-sizing: border-box;
}

I guess mainly it setting up header styles and all kinds of stuff that you are going to overwrite anyways. Maybe I'll just strip out the Sass version of Normalize

99.9% of websites use JS so no, it wouldnt. why isnt the countdown timer already written in JS?

It's an iframe linking to a countdown from timeanddate.com

>mfw

I assume you are quite new to web development. I would highly recommend you try to implement it in JavaScript yourself. Iframes are about the worst thing on the web after Flash. It is very dangerous to implement them as people can inject malicious JavaScript in your website that way.

Even if the link is HTTPS encrypted?

>people can inject malicious JavaScript in your website that way.
How?

I just read your previous posts. By external dependencies user means iframes and javascript files that are being fetched from the internet.

Local JavaScript looks like this in your html file


Fetched JavaScript looks like this


is a JavaScript file on the server of Google. You can download the file and just put it in your folder so you don't have to call the external dependency.

bump

Here is my custom homepage, It's pretty simplistic right now


Countdown

Is there anything at all wrong with this?

Well then you still have the issue of people being able to hack into shitty websites and adding malicious code to the existing code that you are then fetching and hosting on your own.

OK, so what I should do is remove the iframe and host the countdown on my own HDD, yes?

What should I look into if I don't want to use php?

Use this:





Countdown



Have a look at sitepoint.com/build-javascript-countdown-timer-no-dependencies/

codepen.io/SitePoint/pen/MwNPVq

This is the code

Awesome, now I won't have to worry about a MITM attack. How much local editing is a web browser allowed? Can my homepage still be edited by a malicious site?

What do you guys think about phoenix framework?

holy shit stop being autistic
iframes cannot access the parent page if they're not on the same domain/protocol
anything fetched via https is immune to MITM attacks
nobody's gonna ""hack"" your fucking static html homepage, just use whatever you want

What is this Genesis framework?

studiopress.com/

finished the codeacademy python tutorial if the others are just as boring I'm never touching this shit again

Local websites are not possible to MITM as the website is not being served over the network. Add-ons in the browser and viruses on your computer can still inject JavaScript though but I wouldn't worry too much about that.

Meme (I actually don't know what it is but I assume it is a meme)

>Local websites are not possible to MITM as the website is not being served over the network

Even if there is an iframe fetching information from another website?

Nigga, I don't know much about web development. spare me.

angel.co/salaries
>compared python to php
KEK

I'm just trying to teach the kid that iframes are a bad idea in general and I would like to see him implement/write JavaScript on his own.

I'm referring to the timeandate website getting hacked, not his.

What's the worst that could happen if timeanddate did get compromised? How much local editing rights does Firefox or Chrome have?

Do some research.
Python, Ruby, Javascript (NodeJS), C#. Those are the most popular alternatives, figure out which one you want to use.

then you should have just said "you should try making your own"
iframes are not a security risk as long as you're using a real browser, if the timeanddate website was hacked, the worst that could happen would be the iframe contents looking different.

Probably nothing but if he is ever planning to put the website online or make something else I think it is good for him to know.

Local editing rights? Probably not much though you write some really nasty JavaScript if you want. Localhost is even trusted by default in NoScript.

security.stackexchange.com/questions/96985/similarities-among-all-most-malicious-javascript

just do it? there is no reason to be scared

oh what is this you say? An iframe inside of an iframe?

aw-snap.info/articles/js-examples.php

I still can't believe that there are no (good) automatic tools for web design. how come programmers haven't replaced web designers, ffs?


>codeacademy
codeacademy is shit

I'm getting increasingly frustrated by Rails, what can I switch to that makes coding web as fun as C++ ? No PHP pls

start here and keep digging
yeoman.io/
github.com/yeoman/generator-webapp

WebGL if you like writing shaders and otherwise Node.js

golang

openshift

Golang

iktf, when you are doing fullstack for some projects it either gets kinda hard to come up with a decent design in the first place, or you end up using default ux/css templates and work on top of that to meet the needs.

Go.

If I'm building a portfolio, is it sufficient to have code in a Github repo, or would employers want to see hosted sites?

Yes. I just did exactly that with basically no previous web development experience.

Cool, any course you would recommend? I tried shitton of them, I'm currently bouncing around Egghead.io and Thinkster.

The thing is, I'm not sure how much should I know before getting thrown into a project with no previous experience. I don't know where all the fundamentals and and where advanced stuff begins.

Anyone else getting a ton of recruiter emails now?

Is this just a summer thing? I went 2 months without 1. Now I'm getting 2 to 3 a day.

This is what I used to get started: codeschool.com/courses/shaping-up-with-angular-js

It's very introductory though, and you're going to have to actually try writing some stuff before you actually understand anything.

After that, just googling topics as they came up and reading various tutorials online helped.

I should mention that I had the added benefit of only modifying an already completed website from rendering server side -> rendering client side via angular. Because of this, I didn't have to bother with css at all.