/wdg/ - Web Development General

Previous Thread: >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/
youtu.be/JxAXlJEmNMg?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
gist.github.com/dypsilon/5819528/

>Useful tools
pastebin.com/q5nB1Npt/
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
youtu.be/pB0WvcxTbCA - "WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice"
youtu.be/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

Other urls found in this thread:

railstutorial.org/book
jsfiddle.net
jsfiddle.net/duyLf6pt/
immense-ridge-1024.herokuapp.com/
twitter.com/SFWRedditVideos

Is there a mobile dev general? I'd love a mobile dev general.

Mobile dev is fun as fuck.

There's daily programming thread.

Not that I've seen. This would probably be the closest thing to it if you're using ionic/cordova/etc or programming general if you're doing native apps.

would stay here
the dpg threads are bad
they only talk about C languages and fizzbuzz

I thought the same thing desu.

found a fizzbuzz tier challange on fcc

Intermediate Algorithm Scripting

Check if a value is classified as a boolean primitive. Return true or false.

function booWho(bool) {
// code here
}

booWho(true) should return true.
booWho(false) should return true.
booWho([1, 2, 3]) should return false.
booWho([].slice) should return false.
booWho({ "a": 1 }) should return false.
booWho(1) should return false.

What environment do you guys work in? I used one for classes but the license is running out soon.

I use vim and awk.

So like...
return (typeof bool === "boolean");

Or am I missing something? How is that "intermediate algorithm scripting"?

this is why dynamic typing is pants on head retarded.

This. I didn't reply because I was worried that I was too stupid and was missing something. But this is my answer too.

PyCharm

I'm the most minimalistic person I know, but goddamn jetbrains stuff provides everything you need that isn't a meme into one product. VCS, database view, project view, tests, quickly finding uses of functions, vagrant, ssh, etc. It's pretty much all you need for full stack barring a few things

More like
npm install is-boolean

var isbool = require('is-boolean');
function booWho(bool) {
return isbool(bool);
}

Here is fine.

I regularly talk about Cordova and I think most apps will be JS in the future.

>I think most apps will be JS in the future.
What makes you say that? seems like it's a long way off.

What was that one minimal PHP framework that scales really well?

I currently know Python and Django pretty well is it worth swapping over to Ruby on Rails? Or should I just stick with Python and Django?

Stick with Django

Cross-platform. All native phone functions will be included with the packagers and accessible to JS. Also JS is doing great at making games recently.

Why do the Japanese use email instead of SMS?

Is there something wrong with react? Idk, just curious.

Cordova is good for small apps but it really shits the bed when your application starts to get big.

Only does 1 thing right, views, and that thing is included in whatever other framework you choose usually with about as much functionality

But you can use React with a Flux implementation, and you get almost a full framework

Well it's not quite a full framework, but even if you added in the missing bits, it's still a choice of framework, and there is little benefit react would provide that you would choose it over other frameworks

How big? I am new to it.

My app takes photos and processes them locally. It then sends the smaller image to a database.
It also didplays the images from the database.

Would that be too much?

That's a good size for that.

I suppose when I say a big application I mean an enterprise application with many different modules.

I work with an enterprise web application that also runs on Cordova. The results aren't pretty.

Thanks for the info.

Same person, I already have Eclipse installed from a few years back. Is it worth using despite being so sluggish?

Why are so many webdevs such complete fucking shit?

I mean I had an inferiority complex graduating college. My first job I worked with some amazing people, then I got my next job and only 1 out of 50 are half way fucking decent.

How is it fucking hard to just seperate functionality? It's easier than inlining everything

I love Python and would choose it over Ruby anyday, but Django really is kinda crappy compared to Rails.

Don't get me wrong, you can get stuff done with Django, but:
- managing local/testing/production enviroments is a pain
- actually, the whole settings.py is a pain
- assets (scss, typescript etc.) is a pain
- urls.py is crap
- Django is very unpythonic in many ways

Give rails a shot.

Reassure me that getting hired as a self-taught web dev is doable without a degree.

It's fun, I live in the bay, and I have plenty of opportunities to schmooze as I have friends in tech.

I feel like shit... I was asked to make a simple webapp some days ago. I first overestimated the requirements, which made me lose a couple days. now I have to write the View... and I fucking HATE frontend stuff, to the point that I don't want to even touch this shit anymore.

ffs, how am I even supposed to work as webdev...

Thanks for this break down, do you know any good books to get started?

I haven't really looked into ruby that much, I'm pretty adept at Java and Python and I understand that ruby is meant to hold true to OOP, or more true than Java.

Hire a pajeet for the frontends

First you need to know that Rails is doing a LOT of magic for you in the background. Far more than Django which is much more explicit. It may seem weird and sometimes strange to understand how things are tied together.

Assuming you are familiar with other languages:
- take a quick Ruby crash course, most importantly about classes, instance variables, methods etc.
- read railstutorial.org/book - it is a top notch tutorial, i recommend you do not skip any parts and just do the whole thing from scratch

Anyone have experience with mojolicious? I dont do much web development but it looks like it could be some fun

- have a good portfolio
- be willing to relocate
- be willing to take 10-20% less than other people until you have professional experience or a top portfolio

I'd be willing to relocate for sure but would I even need to? From what I understand companies in the bay are more desperate for developers than anywhere else.

I'd take 60k starting happily, that's still almost double what I'm making now.

...

>I love Python and would choose it over Ruby anyday

May I ask you why?

FIrst of all I have to say that I'm rather a beginner in Python and I'm don't mean to be rude.. But coming from Ruby to Python, Python feels like a "crippled" version of Ruby.

I mean you can programm "Python style" in Ruby but you also use "the Ruby way"..


No flamewar please.

>have a good portfolio

Do you mean actual running sites (customers) or also undeployed projects?

i thought w3 got a lot better in the last year and isnt an embarrassment anyome.
is it still shit?
i dont really keep up with w3.

Where do you guys like to host? I have a box with digital ocean at the moment. I used to be with heroku but I didn't like their toolbelt and behind the scenes work. I feel like digital ocean might be overpriced though.


I never worked with Django but RoR is what made webdev enjoyable for me in the first place. Its a bit of a mountain to climb but theres a massive ammount of current support and libraries for it and it does a great job or separating the webapp into managable boxes for you to work with, as wel as dealing with different deployment environments. I think the only major concern is that it doesnt scale gracefully.

Use precompiled languages. Scss, haml. Use libraries like bootstrap or jquery. Working without them is tedious and makes you want to kill yourself. Also over time you'll learn some tricks to overcome basic retarded shit like mobile meta tags or the recently added flexbox display that makes designing layouts not retarded.

undeployed projects are fine.
running sites are great too though. not necessary.
you can use for example github/gitlab pages to show static frontend stuff and hiroku if you wanna show off backend and server stuff.

important are completed projects.
dont just show off a snipped of code that does something neat. show something complete even if its just one page.

the best way to show off work is just send them your git repos and let them judge.

also specialize in stuff at first.
even if you know lets say python or ruby in additon to go but you dont actively used them its fine to put down on your resumee but in the interview tell them that you are not confident enough to do projects specilaized in those.
emplyers appreciate honesty and like it lets say a dedicated javascript guy knows stuff about setting up rest apis with python or express even if he only works on the frontend with them.

I think python and ruby are both decent languages, ruby has better web dev support, and ruby blocks are a miracle of the universe.

Python tuples are great though, and I think the language performs faster.

used chicagovps for a while, $12/year, fine for little sites with no traffic

> why?

Way too much syntactic sugar for my taste. Plus there are too many ways to do one thing, versus "the one obvious way" in Python.

But...
Ruby has better debugging options
gem is superior to pip
I like the many built-ins and alias methods in the stdlib
No Py2/3 mess

FYI: i use Python in all my hobby and side projects but use Ruby (and Rails) in my day job.

PHPixie? The one where the dev got caught fudging downloads to make it seem like people actually use it?

I primarily use sublime + vagrant/docker + chrome. I haven't run into anything I needed an IDE for yet. I have tried brackets though, and it seemed pretty nice, although I've seen a few people complaining that it crashes on startup sometimes.

var text1 = {1: "lowest price",2: "low price",3: "average price",4: "high price",5: "highest price"};
var $slidertext1 = $('#display');
var refresh = function (e) {$slidertext1.text(text1[$("#price-slider").slider( "value")]);};
$("#price-slider").slider({min: 1,max: 5,step: 1,value: 3, change: refresh, slide: refresh});

I have a slider with 1 to 5 values, and text assigned to each number, and I want it to dynamically change the text while you slide without releasing the mouse click. The refresh function works fine on change but it doesn't while sliding, anyone know why it isn't working?

Thanks!

They're desperate for top-tier devs who will work for peanuts, like everywhere. On the other hand, SF is well known as *the* place for tech companies (also the weather) so a lot of people want to live/work there. If you look in places like DFW, web dev is just as in demand, and the cost of living is a lot lower.

Does online certificates ever have any weights?
I'd assuming having portfolios/projects is more solid than online certificates if you were self taught.

Good to know, I actually had a long term plan to move to Austin/DFW after getting a few years experience in the bay because of the cost of housing, but maybe I'll just shoot straight for Texas. Thanks.

Most mobile apps nowadays are web apps. Most of the apps you have installed on your phone *could* run in just the browser. You really have to know web programming now to be a mobile developer.

Anyone here working with asp.net core 1 rc2? Been looking for good reference material on setting up a site with a sqlite db (new to webdev and have to build .net stuff for my college course)

>I'd assuming having portfolios/projects is more solid than online certificates if you were self taught.
Absolutely this. Huge difference between showing things you've made and showing a piece of paper (or online equivalent) saying that you know something. Depending on where the cert is from, it may not be entirely useless, but some people treat them like job coupons, which is ridiculous.

generally speaking nowadays employers consider everyone a candidate.
doesnt matter if they have a masters or are self-taught with only a high-school degree.
what matters is stuff to show. though obviously someone with a better education will get preferential treatment.
however it is basically universally agreed upon that grades mean jackshit in most cases.
certs are just something nice for yourself to hang onto your office or home.
in the end experience is what counts. and employers know just because someone has a STEM degree, it does not mean he can actually do anything.

>Where do you guys like to host? I have a box with digital ocean at the moment. I used to be with heroku but I didn't like their toolbelt and behind the scenes work. I feel like digital ocean might be overpriced though.
openshift, free for basic plans

>Use precompiled languages. Scss, haml. Use libraries like bootstrap or jquery. Working without them is tedious and makes you want to kill yourself. Also over time you'll learn some tricks to overcome basic retarded shit like mobile meta tags or the recently added flexbox display that makes designing layouts not retarded.
thanks, I had no idea about all this stuff...

t-that's not a bad idea...

Is Drupal 8 a meme or should I learn it?

sup bro
queuedodge on the hub of gits

Soo.. I can't figure out while this isn't working.

The IMG tag is within the black background div yet it stacks below it? CSS attached.

Black div is itemImgContainer


body { font-family: Raleway; }
.mainContainer {
overflow: auto;
display: block;
min-height: 320px;
width: 640px;
background-image: url("public/img/num2.png");
}

.itemImgContainer {
overflow: visible;
width: 256px;
height: 256px;
margin-top: 3%;
margin-left: 192px; /* (.mainContainer Width / 2) - (.itemImg WIDTH / 2) */
border: solid 6px black;
background-color: black;
z-index: -1;
}

.itemImg {
overflow: visible;
height: 256px;
width: 256px;
border-radius: 15px;
z-index: -1;
}

.buttonDiv {
margin-top: 4%;
background-color: green;
width: 192px;
height: 40px;
font-weight: 700px;
}

.buttonDiv.left {
float:left;
clear:left;
}

.buttonDiv.right {
float:right;
clear: right;
}

pic related

Also HTML


sagfagargarg
sagfagargarg

sagfagargarg
sagfagargarg

sagfagargarg
sagfagargarg

sagfagargarg
sagfagargarg

jsfiddle.net

jsfiddle.net/duyLf6pt/

use console.log!

>The IMG tag is within the black background div yet it stacks below it?
Your green divs are fucking it up. Remember a div is like a block of space that reserves it's own position anywhere you put it.
Instead of setting the backgrounf of mainContainer to be black, set it to the image you want to place behind it.

Brackets is nice. I used to use it as my primary text editor, but now I'm a bigger fan of Atom.

Going to a hackathon tomorrow, planning on working on my final project for cs50x, it's a little JavaScript web app that helps you keep track of conversations

I get to meet David Malan, he's like a rockstar to me at this point

anyone got any material thats related to search engine optimization?
from what i understand its stuff like using special tags like for articles so google for example can pick that up and display parts in their search results and your site gets a higher priority in display ranking.
i cant quite find any reading material related to that stuff.
also it seems like search engine optimization means a lot of different things to people so that doesnt help either.

Hey guys, I got my first international gig, doing React. AMA!

I was making $6.25/h locally, now I upgraded to $40/h. I make more than a senator.

because webdev is boring garbage

Just wanted to say thanks to the kind front end user who gave me great advice with this project, if he's still here. I think it looks much better now.

immense-ridge-1024.herokuapp.com/

they're both pretty similar. rails has more community tools but gems tend to be low quality so w/e

it's worth learning flask for small sites/internal services - basically anything that isn't a massive web app sitting on a db (that's rails' forte). easy to get up and running + it stays out of your face. plus the codebase is easy to understand, it's only 2500 lines or something

don't learn it unless you're getting paid a lot to. there are better modern options

commit suicide

it's really unstable.

I really liked Rails.

anyone here want to start an is-bool.io affiliate ring?

How so? How more unstable than the alternatives?

FUCK YOUR GENERATION, TOO

not performance-wise, the toolchain + ecosystem. constant churn and your packages are constantly breaking, partially thanks to npm, the worst package manager of all time

>Learning material
>no eloquentjavascript.net
Literally essential for quick mastery of JS. It can be hard quickly though

I... I agree, actually.

But I think the framework it's worth it.

it probably is, that's the sad part. maybe in 5 years webdev will finally not be hell

Having one basic codebase between mobile and web would be nice. That's why stuff like firefox os and flutter seem cool

Where the fuck do I get the actual SQL server?
I installed MS SQL Server 2014 Express, and I've been googling around for ages on how to actually start it, I don't think it's even installed.
>inb4 >MSSQL
Yeah I know, but I need it for school.

That's me. (nice coincidence that I decided to lurk just now)
You're welcome.
Looking better.

Hey, that's pretty cool man. Just slap some google fonts on that shit.

sup anons i need advice

i want to build a local web app on html5 on phones

can i run sql scripts and have a local database without the use of php/webserver on the local device/phone with only using javascript and html5?

is there a better way? can you point me in the right direction?

If you're going to be running sql scripts, you'll be extracting your data from a webserver anyway right? So do you mean one that isn't stored locally?

bootstrap templates for the front end. Done.

No, you can use local storage though.

how do i use the local storage for databases?

i want to run sql scripts on the database that is stored locally, is it possible? is there another way?

Why is /wdg/ irc so dead?

irc itself is dead

Guys I'm struggling with this side task in asp.net application for couple of days.

I've got a MasterPage and several DocumentBox~.aspx pages all of them inheriting from GridPage.cs

On MasterPage there is a RadMenu sending ajax requests being serviced in the GridPage.cs

One of option transforms a grid from the page to excel view and rebinds it. Works fine. But I need to add to it another functionality, excel needs to be displayed as it is now and also downloaded.
But writing to response fails as i do not get full postback.

The only 'solution' i found was to create a ghost button in DocumentBox, catch the ajax request on the client side and invoke click() event with the same functionality what gives me full postback.
But I would need to make this button for every aspx (around 20-30) as i cannot simply place it in base class GridPage + I have to hardcode it's id in the script of masterPage.

Wat Do...

Is discord the only alternative?

You said "local database" which means it doesn't connect online.

If it connects online then just AJAX to a PHP page or whatever backend you want to use.