/wdg/ - Web Development General

>This season's Advent of Code:
adventofcode.com/2016/

>Discord
discord.gg/wdg
OR
discord.gg/0qLTzz5potDFXfdT
(they're the same)

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

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

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

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

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

>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
pastebin.com/pDT82mQS
pastebin.com/AL6j7GEE

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

Other urls found in this thread:

ksuweb.kennesaw.edu/~jgarrido/CS4720_Resources.html
twitter.com/NSFWRedditImage

Last 2 threads 404'd with 9 and 32 replies respectively.

Maybe... just let it die.

Does anyone have a link to what should be included in a portfolio. I am talking for the most basic entry level web design job.

anything.
put stuff you made on it.
a simple script.
a simple game.
a simple page.

better to have something instead of nothing.

Where do you except people go?

forget portfolios, make a github account

So is react and angular all a part of entry level web dev stuff? I thought just a basic understanding of HTML/CSS/JS and some of the server basics and deployment basics were enough.

Why is it impossible to find a job listing that doesn't have a bazillion frameworks and languages listed as required experience?

How the fuck do you get in this industry?

react and angular are just fads. and you don't need a basic understanding of HTML/CSS/JS, you need a very good one.

Whoops yeah that was kind of a typo, I meant to say just the basics: HTML/CSS/JS to get started. Dunno why I threw that basic understanding part there.

My school had a JS class that I completed and I basically learned to fucking copy code and at the end of the class I still don't feel like I know that much about JavaScript. It is definitely my weakest area. I've done a few of the youtube tutorials too but that just means I'm copying THEIR code as well, I understanding the basic concepts of it but I'm still shit.

This is suffering.

I am trying to change some data in js like this dataset[0].data=0; but it doesn't work inside a click function, how do I refresh the new data values?

web dev have family to visit during christmas. apparently you didnt because you spent all day browsing Sup Forums and masturbating

Make something yourself.
Then do it again.
And again....

What is the scope of dataset?

This.

I tried to hop into /dpt/ and it was awful.

>How the fuck do you get in this industry?
Have a CS degree or network your ass off.

There is no middleground anymore.

its array of objects like this


var dataset = [ { "data1": 1, "data2":2}, { "data1": 41, "data2":21}, { "data1": 3, "data2":5}];

I'm building what is basically a shared todo app.
User registration, authentication, and "group" todo boards users can create/join
It's using express, MongoDB, react, flux

I have a portfolio that's basically:
- the project above
- a few form controllers written in vanilla JS and some designed implementations
- another web app in vanilla JS of reasonable size that could've been better
- some extensions & HTML generators written in angular
- and a static website I built for a friend.

How far away am I from a job in front end? I have a solid understanding of web technologies, but I'm not sure it's enough. I don't have a CS degree.

I'm trying to get a deeper understanding of design patterns and the development process.

Finish the project and you should be good.

I have a web page with html forms, the action is a php script and the method is 'post'. I keep getting a 403 error and am confused as to what the cause of this might be.

I have not seen this before. What server are you running and what configs did you fuck with?

Reddit :^)

I looked in the archive

I'm trying to think of something to build with Django that isn't a glorified Twitter clone. Help.

It is someone else's server and I have no Idea about 'configs'

thanks for the feedback

A video streaming site where files are stored encrypted. Ala mega.nz.

Seems like it'd invite legal trouble.

>tfw no room left for ads

Only place they could go would ruin the layout.

Interstitial would ruin the experience.

Idkwtd

>have a wordpress site
>bots try to login thousands times per night
No wonder old sites get hacked.

You should design sites with ads in mind.

Any name for this style of design? I can't really call it "minimalist" because any searches for "minimalist" web design creates all sorts of bloated hipster bullshit. I'd appreciate any sort of inspo similar to this, looking to make a simple personal/portfolio site.

Don't use ads, shit for brains.

Minimalist dark theme?

flexbox is godsend

flexbox could have prevented 9/11

Alternatives?

Serious question here.

>inb4 donations

Create a product and sell it on your site.

Why is it better than bootstrap or foundation?

Sell some shit. Beg for donations. I run a non-profit site that hosts normally hard to get content and I got around 150 BTC in 4 days which is enough to support servers for about 1.5 months without me having to pitch in.

$150 BTC*

Are there any good guides on making a website like steam but for a different type of media?

>Create a product and sell it on your site.
My websites provide services.

So does your mother.

I'm guessing you are giving some donation incentive? What incentive?

I essentially just point out that this content would cost the user x amount of casherinos on shady reseller sites. I'm also open about how much the site costs to run and how much has currently been received. Not really any incentive, but I'm in a community where people usually have a lot of spare super shadily aquired bitcoin laying around, so if your site is focused around toy reviews for kids then you're out of luck.

It's pretty variable, sometimes propel are hired who barely know html (RARE)
Networking is EZ mode if you can soicalize

Otherwise make a decent portfolio showing competence with html/css/javascript and stuff in bootstrap in everything. Or learn a CMS like wordpress and get one of those jobs.

Generally build a portfolio and look and see what people in your area hire for.

College degere isn't that important, even just html/css/javascript have a portfolio and know what your talking about and you can get hired.

read some of the books on it, some are pretty short (javascript the good parts)

or just read through the entire MDN documentation (thats what I did)

What do you mean form controllers?
What kind of webapp?

Does anyone have any experience using flask-secure?
I was wondering if it's a good library to handle user sessions and authentication.
Seems pretty nice but was curious what yalls take is.

Why bother learning html5 when you can do everything easier and better with wordpress?

#REKT

Sandeep pls

When a reader of my site turns his phone horizontally, the font he's reading just gets bigger. Sometimes an extra word or two is fit into the line, but it mostly stays the same?

How do I keep the font largely the same as the vertical orientation, but display more words per line?

>tfw fell for the single-page app meme
>google ads rejected me for "insufficient content"

maybe your routing is just shit and google can't make out what a page is and what not.

no its just that google prefers shitty blog sites with tons of page loads even though my one page app has tons of condensed content.

a lot of my text content is inside titles, does google index content inside titles?

No it doesn't.

>a lot of my text content is inside titles, does google index content inside titles?
What's a "title" for you?
How much content are we talking here?
Can you provide an example page?
Did you check googles webmaster tools to see what it has crawled and what it sees?

well desu most of the content is javascript generated and I have a bunch of hover tooltip text inside the div's title

but in their description the problem was more about having low page count not about the content, I would imagine google has the history of everyone that goes in a website so they can generate ads based on their history instead of just the page content

google does index javascript generated content, though putting your content into hover tooltips seems to be even very user hostile.
>leave cursor here and don't move to read text

your page being a spa has no impact about your content or how google crawls it.
try submitting a sitemap if your other pages are missing.

its just the type of my app, its not supposed to be a normal page to read it has interactive js functions and tooltips is the most efficient way to display the info needed. google wants me to create tons of pages and spread out the info which I really don't want to do

>tfw wrote 0 content and got accepted.

Have your users write stuff.


Also does Google get mad if I use ads from one site to another? I have an adsense tied to my youtube and a few websites. It doesn't seem like Google gives a shit what site it goes to.

use mediaquery user. Hes doing nothing more than changing the screen width/height

if you use credible networks and don't overflood page with ads they won't have problem

how many pages you have?

Websites or pages? 2 websites at the moment. Third coming up shortly. Missed my Christmas launch.

trying to make an UI for my javascript based game and im going insane
too stupid to even get the correct layout

do people still use iframes?

every embedded youtube video is an iframe, so yes.

it feels like one of those comfy aesthetic threads, like when people post their rainmeter desktops or new tab windows
you could try those threads

not the original guy but can you give the site link pls?
>inb4 nsa

professional HTML software dev here, ask me anything. Even CSS algorithms, i got you

I am going into a paid internship starting in January that uses Angular and C#. What exactly will the C# be doing do you think? Any suggestions on some resources or fundamental things with Angular (I have 0 experience) that might give me a good start?

Both those are cringy. M$ .net bull crap plus an unnecessary front end framework. Yikes. You'd be better of learning Django or Node.

The .net bull crap is one of the best backend frameworks you can use.

You will most likely being using C# to make web services with ASP.NET Web API.

Your Angular app with then consume those services.

I didn't ask what public opinion was. It's a paid internship. I just wanted some help prepping for the job before I go in sense I have downtime over the break.

What free text editor / IDE can you recommend for a newbie web developer? Right now I'm going through HTML, CSS and JS, and eventually I'm going to learn backend stuff as well.
Right now I jump back and forth between Sublime3, Atom and VSCode. I'd like to have good snippets, good autocomplete and detailed syntax highlight.
I know it's mostly down to the personal preference but still I need some advice. Or maybe recommend some must have extensions for html, css and js?

Webstorm isn't free per se but if you are a student, you can get a lengthy free student license.

>consume those services
I don't know what that means.

i run an IIS server but i refuse to use .net. It's an unnecessary layer IMO that doesn't teach you as much. New naming conventions, .net specific errors, etc. Sure it works. Sure it makes some things easier. But it's also a M$ technology that tries to spoon feed you. My programming stress has dramatically decreased when i installed linux and dropped .net. But hey man if it's a job then you got your foot in the door. good luck

Sublime 3 cause it works

That wasn't me, but thanks for the kind words.

we aren't going to help you prep for your job no more than googling will. Not trying to be a arse, but i try to sway people away from .net whenever i can.

also, i hope they're using Angular 2.0....

You will interface with a RESTful web service.

Meaning you will get data from a URL in JSON format.

Don't worry it's super simple and you will learn it quick enough.

if youre looking for a free text editor for web dev then you can't go wrong with notepad++ or sublime. Just pick one. For being a complete beginner i would just roll through codecademy and w3schools tuts. Learn both front end and back end.

They aren't but the team lead told me to jsut start learning 2.0 because they were eyeing switching to it.

Ah okay. Yeah, I made a web app using python and flask that was supposedly "RESTful" for a group project last semester.

I use Sublime and VSCode professionally.

So I started with HTML and CSS and I'm able to make a static website. I wanted to pick up javascript but I just find the youtube tutorials way too boring. But my question is, are you supposed to learn all the commands like you would with vocabulary or should you learn them as you go (practicing)?

so if my app has buttons/links that brings up some forms but i dont want to open new tabs or windows then using a iframes would be the best choice right?

Learning as you need them is the best way to go. Otherwise, you will waste more time trying to retain things that are only represented

ksuweb.kennesaw.edu/~jgarrido/CS4720_Resources.html has a bunch of good resources you can reference. The professor took it from what that retired and he knew his shit.

took if from a professor that*

Not enough coffee this morning.

the problem is you don't know how to program. Don't worry. I'm not an expert either, but if youre asking this type of question (doesn't even matter what language we're talking about), you don't know how to use the langauge or know what its capable of. I think JS is fine to start with to learn basic concepts, but I would start with C if you want to be a programmer. What exactly are you trying to do with javascript?

He's wanting dynamic pages... I hope this is b8

it's not b8 at all. I'm asking what he's trying to do. He didn't specify if he has a db, if he wants to just change front end elements, if he wants to set up a server, etc. "Wanting dynamic pages" doesn't really tell us anything.

this user was right, I'm looking to get into front-end development and I was thinking of eventually getting into php as well
i'm a noob I probably should've said that before

looks interesting, thanks user I'll check it out

not the best, but excusable.

the reason I thought it was is you were suggesting C for web dev.

>i'm a noob

no worries. I'm honestly trying to give you the best advice. Advice I wish i knew when i first started out. JS is messy and complex. You can look into jquery and popular JS front end frameworks. Honestly though if you're just trying to play with HTML elements, then vanilla JS or the minimized slim source of jQuery will suffice. You'll come to find out that front end isn't as important as back end: server side form validation, db management, setting up a server, etc. Use as much HTML and CSS as you can before you do anything in JS. Learn how to CRUD data and display it before you go balls to the walls crazy with muh js framewerks. But it's just advice...do whatever the fuck you wanna dooooo

lel, nah. I still think it's the best language to start with for learning how to really program though.

What other method is there? Like to have buttons on the left side of your web site and when you click them, the middle of the page updates and populates with stuff without refreshing.

Thanks. I mainly use Sublime but throw in a bit of Atom for HTML and VSCode for variety. I very much dislike how default autocomplete and snippets work in VSCode, especially for javascript.
As for tuts, are there any good video tutorials? I prefer watching instead of reading. Right now I'm going through the web dev bootcamp course by Colt Steele. I'm only at javascript by so far it's been pretty good. Actually feel like I'm in a class and I don't have any issues building some simple stuff. While before I always had issues like "I think I know how it works but I can't apply it on practice" or "I know how this works but I don't know what to do with it".
Javascript is pretty confusing, though it's my fault, not a course. if I look at the code I can tell what it should do but I have troubles writing it on my own (I tend to overthink things when the solution is obvious and simple). Like functions with loops and if-else inside is ugh... Always miss something and end up with an infinite loop or function simply doesn't work. Practice and perusing MDN or stackexchange really helps here.

I wouldn't do this for every page, but for a form you open in a modular popup that is available on every page, fine.

if you want to mimic a single page application then load content with ajax and make sure every page you load is linkable.

I think it may be learner dependent. I believe that a language like Python or Java would be better for a beginner because you don't have to deal with memory management and pointers which add their own overhead for learning.

But in defense of a language like C, you also develop a better understand of how higher level languages are actually working under the covers.