WEB DEVELOPMENT GENERAL

Previous thread >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.wikipedia.org/wiki/Comparison_of_web_application_frameworks
[Gist] backendDevelopmentBookmarks.md (embed)

>Useful tools
pastebin.com/q5nB1Npt/ (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/ (embed)

>How to get started
pastebin.com/pDT82mQS (embed)
pastebin.com/AL6j7GEE (embed)

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

Other urls found in this thread:

heroku.com/
github.com/liquidnuker/tf_js_vue-router_namedViews1
asmarterwaytolearn.com/js/index-of-exercises.html
cz.linkedin.com/in/pmusil
twitter.com/AnonBabble

Please recommend some good projects I can work on.


Currently making a blog app w/ node, express, and mongodb. Maybe something I can extend to this.
Looking for good tutorials. User systems, logins ... Useful and interesting stuff...

My goal is ultimately making a living in WEB DEV, so something that can drive me towards that goal.

To get a job or as passive income?

go google / youtube this shit and start working instead of posting here and waiting around for some fag to post a bs recommendation

You just gave me an idea.

...

PHP or Ada?

>Spent 1 hour trying to fix my nginx config when setting up SSL certificates
>Turns out, the config was correct, my router just didn't expose port 443

I still use Apache, SSI and CGI. you mad?

>tfw there are people that use frameworks for fucking CSS

This

I'm writing a shitty Reddit clone in PHP. What are you guys working on?

An anonymous messaging website.

Monetizing at this point.

Sounds cool, what language are you using?
I wrote an Anonymous textboard awhile ago, I'm gonna add tripcodes at some point.

Javascript with a PHP API.

I built a mobile javascript framework for single-page apps with it.

It's a neat little project. Not really a messageboard but more along the lines of being able to talk shit about people anonymously.

test

Should I go to the website development company down the street from me and ask them to make my website? I want to run a gaming-related news blog and forum. How much do you think that would cost? Hundreds? Thousands?

Man, that'd cost a whole lot of money. Probably in the hundreds of thousands. You're best off learning ASP.NET yourself and making a blog.

I doubt it would cost more than $10,000 and even that's a pretty unrealistic price.

sounds like you don't know much.

Probably 10-30k for that

I did something similar once
>don't know the default https port is 443
>set up https webserver to listen on port 80

Super varied. My firm is reimplementing an e-shop in a new CMS, and doing some API stuff with third party vendors. Not even a new design, just reimplementation of the same design and IA. Client is paying $42,000

What's everyone's thoughts on cloud9 ide?

Also drinking because too much freelance I got to do for dumb clients who don't pay enough.

I've worked in this field for years I know what I'm talking about. I've seen people pay close to a million for a blog

When I try to join the IRC I get this error.

>#Sup Forumswdg You need to login to services to join or speak in that channel.

>>cheap vps hosting in most western locations
>heroku.com/
>heroku
>cheap
lol

Shouldn't pay more than 1,200 for a high quality wp

Anyne might now a playlist where someone create a Java EE based website from scratch with a nice design and all? Not just a tiny web app that calculates shit. A real full website.
And if he explains what he's doing during the creation, it's even better.

Went through freecodecamp's html/css lesson, now doing codeacademy's html/css course. Even though codeacademy is teaching me some stuff that FCC skipped, it is mind-numbingly boring.

Want to link my resume on my portfolio site. After some deliberation I've thought that I don't want my phone number on there, since it's online and anyone could fucking get it. I don't want to make it harder for employers to contact me but my email is on there and honestly if they're seeing my resume, I've already contacted them.

Should I leave my phone number on there y/n?

What are some websites that are useful and don't use third party ads? I'm collecting a list.

>What is the best web development text editor. Right now im using atom, and i would like a Sup Forums approved text editor.

No. I always take that shit off too and it's never affected me negatively so far as I know.

Having a weird issue where my css isn't working at all.

I have a php script, article.php

It has three php blocks with an include in each for the three parts of my page

header has a reference to the css file, but the others don't. Footer seems to be affected by the css file while the content.html file isn't affected by the css

header, content, and footer are all in the same folder location

Whatever works for you, I use emacs but only because I started programming by learning common lisp and C then later began my career as backend monkey programming golang code.

This shouldn't happen.

Upload a git so I pick through it.

Sublime is sublime. I've used notepad, notepad++, brackets, and sublime. Sublime is pretty nice besides the extremely annoying "HEY THANKS FOR USING SUBLIME PLS BUY" popup after every 10 saves.

>Client is paying $42,000
How long does this take yall to pump out?

A week? Considering that's not even a web dev salary it's not as crazy as it looks.

Atom. Don't listen to the autists.

>doesn't use a serial or patch the program

I dont mind brackets. the live view thing is pretty shit tho. jslint is also cancer. other than that it is nice :)

I need help with duplicate event listeners and AJAX pages. I basically have a module that binds all event listeners when loading the page, so after loading new content, that module has to be run again to bind the corresponding new items. However this ends up in a nightmare of event listeners bound to older instances, and duplicate events listeners.

Cool I was really sweating over it maybe a little too much desu. Thanks for the reassurance.

I can't risk this computer.

What fucking risk?

Is it registry edit?

If I can bypass an antivirus then some 12 year old russian can.

It is a fucking serial key.

How is this thread this dead?

Then send one. The algorithm to generate serial keys can be made in php or even javascript. Why would I download something to do that?

Not a lot of web devs.

Which is odd because finding a job in web dev took me a fucking year.

Just patch the binary. Sublime's registration can be bypassed by changing a single assembly JNE to a JMP

You are a "real" programmer aren't you?

>mfw I suddenly realize this is the web dev thread

Of course I can program. My worrying about torrenting a keygen should say as much and more if you knew what you were talking about, random ass nothing programmer.

I didn't look into cracking sublime. No.

I'm currently in education but I'm looking for a career change. My boyfriend suggested that I look into webdev. He says that women have a leg up because companies have a vested interest in employing women over men as long as the women are capable of doing the job. Can anyone recommend a few resources I can use to get started and get an entry-level position in the field within the next few months?

>I didn't look into cracking sublime.

Because you don't know how, because you don't understand what's going on under the hood, because you're not a real programmer.

Just another code academy web dev babby

look up #kode with karlie

her skills will empower you to have any tech job you wish

Okay I located the problem.

The CSS file I have in notepad++ and the CSS I have on the site don't match for some reason even though they have the exact same path and filename.

The bottom of my CSS file has been cut off. I think I may need to turn apache off and on again.

Nice meme kid. I'm looking for actual advice. I've probably been on Sup Forums longer than you btw.

...

A 5 minute skim read of basic terminal commands would go a long way with this one.

Okay solved it.

Google chrome wasn't updating the cache.

I had to add to the href of my css reference as in:

...

Oh God been there done that... Lucky it only took you an hour, I've spent much more than that trying to configure nginx because I'm too lazy to study on how to do it properly

>I've probably been on Sup Forums longer than you btw.

I bet you weigh more than me too ;)

...she's changing directory and doesn't know where her directory is. That has nothing to do with knowing the commands. Do YOU know the commands?

No. A few months is not enough time. Chase your ambitions, not the fictitious ideological idea of workplace equality in fields that are not gender equal due to lack of desire.
Cute. I'm not the best programmer but I always get the job done.
I spent my teens pretending to be 13/f/ca on AIM infecting pedophiles with an inhouse RAT. I have more kills. I have also been here for over a decade and know when I see a troll that knows nothing and thinks he's onto a good one. I made you read this entire post in more time than it took to write on mobile. Kindly kys or get root and send me a pizza in Taiwan.

...

You're the first person I've ever heard who thinks this (really, really old) screenshot is actually legitimate code. I'm kind of shocked and hope you're just playing devil's advocate.

>No. A few months is not enough time
Anyone have false.jpg with Dwight Shrute?

What are you talking about? The point of that image is to criticize her for what she's doing in the terminal, which is stupid and embarrassing (in terms of PR, anyway) but has nothing to do with le ebin can't code etc. She's just cd'ing around.
>devil's advocate
By pointing out the truth?

I started to type out a real response but I"m too tired to deal with this lmao. I can tell you believe she's a Real Coderâ„¢ and I do not, and neither of us are going to change our opinions, so good night.

keep using atom. after it freezes on you for the first time, switch to vs code

>I started to type out a real response but I"m too tired to deal with this lmao
So basically you don't have an actual point to make and instead just want to bicker about unrelated shit?

>What are you guys working on?
Playing aroung with vue.js routers:

github.com/liquidnuker/tf_js_vue-router_namedViews1

JOB.

Question, as I run my app,
npm start dev


how do I make automatically open a browser w/ page?

Blog is sufficient.

The more complex the project the better. Showcase as many technologies in each site as you can. They dont even have to work well together.

When I started I had websites with more traffic than the recruitment websites. They dont care. They just care about your ability to program. So impress them with that instead of your passive income. Thats my advice.

asmarterwaytolearn.com/js/index-of-exercises.html

This site was really useful when I was learning JS. Does anyone know any other similar sites with JS exercises, but a bit more advanced?

Also, I hate CSS, but I still want to get responsive sites right just in case. Is there a really good video/tutorial you recommend, or is it just a matter of practicing?

something to do with scripts: {} object inside the package.json

I think you could put an .exe path inside those + other things as well

google "github js exercises" for more advanced tests

Looks nice man. How long does it take to learn vue.js?

Use angular 1/react/vue etc or remove the complicated client side logic in favour of server side rendering. Don't reinvent the wheel, somebody has already done what you're trying to do and chances are they're doing it better

Browsersync or webpack dev server

So I have a table like pictures related.

How would I go about querying this table based on user input like q below?

q=06511
q=New+Haven+CT
q=New+Haven,+CT
q=New+Haven,+Connecticut
q=New+Haven,+Connecticut,+US

use jQuery

LIKE ()

I'm using python/flask to return a json parsed result like this:

@app.route("/search")
def search():
"""Search for places that match query."""

if not request.args.get("q"):
raise RuntimeError("Missing argument: q")

q = request.args.get("q") + "%"
query = db.execute("SELECT * FROM places WHERE postal_code LIKE :q OR place_name LIKE :q OR admin_name1 LIKE :q", q=q)

return jsonify(query)

Heh. you suck.

cz.linkedin.com/in/pmusil

if you want to filter at SQL level (which you always should), you want to add something like

in your case you'd do
query = db.execute("SELECT * FROM places WHERE postal_code LIKE :q OR place_name LIKE :q OR admin_name1 LIKE :q OR country_code LIKE :q OR postal_code LIKE :q OR place_name LIKE :q", q=q

granted, if you can split GET into different parts, like
?country=US&place=Sand+Point&[....] it'd work more reliably

though at least MySQL would need something like this
WHERE place_name LIKE '%placename%'so I'm not sure if you'd need the % with your escape stuffs or not

He should be figuring out what the search is asking before bothering to query.

Seeing the row count in this db and that he has to seek help on a basic search is really bothering me.

Are you linking your linkedin profile? I can't view it since it requires a linkedin profile to see that page.

Yeah, I understand I can extend the search like that to search each field, but I need to parse the q argument first.

The search return json data used to feed an auto-complete search field.

So if the user types "06511" or "New Haven CT" or "New Haven, Connecticut" or "New Haven, Connecticut, US" it'll return

[
{
"accuracy": 4,
"admin_code1": "CT",
"admin_code2": "009",
"admin_code3": "",
"admin_name1": "Connecticut",
"admin_name2": "New Haven",
"admin_name3": "",
"country_code": "US",
"latitude": 41.3184,
"longitude": -72.9318,
"place_name": "New Haven",
"postal_code": "06511"
}


Since the user can search for different things, postal code, city etc I need to somehow parse the search query and then do the SQL query accordingly.

Hey, not really web-related but how hard would it be to set up a database containing:
>for each folder on a drive, the size of the contents of that folder
>when this was last checked

>>for each folder on a drive, the size of the contents of that folder
>>when this was last checked
Oh, and also a list of the contents of that folder.

Does anyone know mustache JS?

I have this template, and the template is working OK in that it creates a new tab, but I am having trouble with what to put in the curley braces.



{{??}}

I want to put something like positionNames[gridTab.length] in there, but I don't know how to get that working

>{{{{{curly lisp}}}}}}

Recommend me a css library with good classes for table rendering, css is like moonrunes to me.

a price tracker engine

use event delegation

why don't you just pay for it and support the developers