/wdg/ - Web Development General

/wdg/ - Web Development General

Back From the Dead Edition

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:

box.scotch.io/
koajs.com/
eloquentjavascript.net/
codingpen.com/
msdn.microsoft.com/en-us/library/kx37x362.aspx
mva.microsoft.com/en-US/training-courses/c-fundamentals-for-absolute-beginners-16169?l=Lvld4EQIC_2706218949
asp.net/mvc/overview/getting-started/introduction/getting-started
reddit.com/r/PHP/comments/4iju97/95_of_phpixie_installs_on_packagist_are_fraudulent/
en.wikipedia.org/wiki/List_of_video_hosting_services
pastebin.com/Up0E3UJG
jsfiddle.net/7ogwjq8q/
youtube.com/watch?v=OPxeCiy0RdY
jsfiddle.net/5v7m4wcv
twitter.com/NSFWRedditGif

First for php is shit

my question from the other thread:
anybody on a linux desktop while doing front end webdev?
What works, what is better in other OS?

I'm on windows 7 using an Ubuntu VM through Vagrant. Distro doesn't matter too much as long as you can make the software work. Just be aware that Node is NodeJS on apt due to a namespace issue. It's simple to fix, but it's a pain in the ass if you don't know about it. OSX os also fine and you'll fit in better at starbucks.

Maybe if they implement some of the current RFCs (which are all clones from hack, lel), it will finally be....

Well, the standard library will still be broken, but...

How do you control the software in the browser?
Do you use linux browsers or windows browsers?
Is there a difference?
It seems the latest versions don't make that much of a difference, am I right in that assumption?
How do results look in mobile?

My friend is going to start a business soon.
He wants a website with a blog and e-commerce system. What platform can I be using? I know how to use RoR so I prefer that.

Is that a midget?

Where did this WDG come from? Already asked in separate thread, what is an alternative to MEAN stack with React.js instead of angular??

Express.js still the best way to go, or are there better MVC's for node???

does it make a difference user? I would, so would you

Take a look at this:
box.scotch.io/
It's a preconfigured vagrant setup that just werks (but you can ssh into it and change shit if you need to)

It's exactly the same as deving on your main os except instead of going to localhost, you use the vm's ip.

pajeet pls

> what is an alternative to MEAN stack with React.js instead of angular??
Not sure what you're asking, just use react if you want to use it. MEAN stack is just a set of js-based frameworks that work well together. You're allowed to use or not use whichever ones you want.

>Express.js still the best way to go, or are there better MVC's for node???
Express isn't an MVC, it's a web server framework. MVC is a design pattern which you can implement in express if you want. And yes, express is the most commonly used server framework, but koajs.com/ is a possible successor by the same team.

>what is an alternative to MEAN stack with React.js instead of angular??
>Express.js still the best way to go, or are there better MVC's for node???
MEAN is very SPA oriented, node basically gives frontend devs control of the backend but is still frontend oriented. If you need to build a MVC/REST backend you shouldnt be using MEAN but a regular MVC framework

why won't the tag align centre?

html


Tempest Home Monitor
Home


css
#projects{
width: 100%;
}

.projectholder p{
text-align: center;
font-size: 15px;
}

.projectholder h3{
text-align: center;
}

I'm not that guy but I actually came to this thread to ask about Express and Koa. I get that Koa is a rewrite of Express that uses generators instead of callbacks but that's all I really know about them.

My question is, what is the best way to learn Koa? Should I learn Express first or at least get my feet wet with Express first (it seems like most guides on Koa are aimed at people who are familiar with Express)?

is there a good resource not this you would recommend?

I'm formally an LAMP guy so much of the basic server concepts aren't new to me, just all this middleware, framework, stuff. Like I have the http module in node and I'm not really sure what Express or Koa offer me that I don't already have with http.

>MEAN is very SPA oriented
this is exactly why I dont want to use Angualar. I want to serve static files with node JS and use React to do the dynamic stuff.

basically, my concern is indexing.

works fine on jsfiddle

*indexing as in search engine indexing

It's not the code you posted. It's something else.

Any better place to learn some basic javascript? this freecodecamp course is giving me cancer. More confusing than helpful.

eloquentjavascript.net/

create something

I personally followed the projects here when I was starting out:

codingpen.com/

I haven't used koa myself, but from what I understand it's pretty similar to express. It's also (as of the last time I looked into it) not quite ready for production use, so you might want to stick with express to begin with.


>Like I have the http module in node and I'm not really sure what Express or Koa offer me that I don't already have with http.

Technically it doesn't offer anything you couldn't do with vanilla node. It just lets you do it in a cleaner, more modular, more DRY way.

FYI google bots have been able to execute js and index SPAs for at least a couple of years now. You can serve up static pages easily with express though if you want to do that.

Best way to learn is to make shit. Skip the FCC lessons and go straight into projects.

>but koajs.com/ is a possible successor by the same team.
so, express it is.. nvm, I'll figure the rest on my own

Does email obfuscation with javascript still work?

>FYI google bots have been able to execute js and index SPAs for at least a couple of years now

without any caching, prerendering of your website?? didnt know that. what about bing and other search engines?

what could you possibly hope to find related to koa on kickass torrents?

Usually but I wouldn't depend on it. Use an alternate email address or better yet, make a contact form and don't publicly expose your email at all.

>giving a shit about search engines other than google

Professional JavaScript dev here, I work on ES6/React. Ask me questions if you want, I'm bored

Use PHP. You'll be able to develop faster and if it gets big you'll be able to find help more easily as most hipster language developers think that they deserve six figures when they can barely hello world.

Roughly how often, on average, do you check your privilege?

Hmm, not sure I get the joke. But I am in need of a good privilege checking. I am, after all, a cis white male working in the field I majored in during college.

Making a site which allows you to make playlists of videos across different video hosting sites like youtube or vimeo. I'm planning on adding soundcloud as well. Any ideas for other video hosting?

>Usually but I wouldn't depend on it.
True. But for a business going through the spam might be worth the hassle. But a form is a good alternative yeah.

well youtube beats pretty much every other video hoster currently.
you should make something like that for pornsites.

I was thinking of starting an electron project using react and redux. It would be for file managing (kind of like how easytag works for music but for files in general). One of the requirements is that it would potentially need to read folders containing thousands of files along with some metadata for each file. Is this too much data to handle in a data structure? Can I use something like PostgreSQL with react and redux in a sane way? Is this application suited to javascript at all or should I write it in something like C++ with QT instead?

One of the reasons I want to build this project is because I am interested in using it to sort a number of folders (ebook folder, comic folder, music folder, movie folder, etc..) but another reason is because I want to get more experience with these javascript technologies.

Thanks for your explanation. I guess for now I'll continue learning Express and then make the jump to Koa once I've got my head wrapped around this.

Vimeo is actually a great video hosting site, it's just pretty simple. Doesn't offer the platform that youtube does, but Vimeo videos are generally higher quality. Anyways, the idea is that maybe you want to make a playlist, but can't find a specific song on youtube, but you can on vimeo.

I don't want to use porn because I want to be able to put this on a portfolio

>mfw database plugin for pycharm, making postgres almost as usable as mysql
Shit lads, it aint sequelpro, but it's beautiful compared to pgAdmin

I would say you're definitely better off using something like C++ or Pearl instead. React is really for view components, that's how the framework is built. If you want to familiarize yourself with it, I'd suggest making a visual web application with lots of reusable view components

ASP.NET MVC

Trye setting the width of the p tag to be 100%

You may just be shitposting but do you have any recommended sources for ASP.NET learning? I'm new to C# (have built sites in PHP, Flask, Django) and want to do web development.

i've made a pretty basic website as a beginner thing, but where do i go from here to get more into web dev? what are feasible projects for a beginner to learn and could actually look nice for perspective employers? i'm pretty comfortable with MCV in c# and .net, just feel lost as to where to get started with developing web apps

IDK if its snake oil or not. If slat from the beach works why cant this?

I don't remember where I learned C#, probably looking at the official documentation:
msdn.microsoft.com/en-us/library/kx37x362.aspx

But it seems there's a full video course for C# beginners at MVA: mva.microsoft.com/en-US/training-courses/c-fundamentals-for-absolute-beginners-16169?l=Lvld4EQIC_2706218949

After that follow the official tutorial for ASP.NET MVC: asp.net/mvc/overview/getting-started/introduction/getting-started
(Ignore where it says there's an "updated" version of the tutorial - that's for ASP.NET MVC 6, which is still in beta)

And the book: Pro ASP.NET MVC 5. Should be available in torrent sites if you don't want to spend money.

What was your basic website? A basic blog system is always a good first test or a simple version of Twitter. My first big project was something for work. It's basically a project management system with email notification and client approval.

PHPixie dev btfo

reddit.com/r/PHP/comments/4iju97/95_of_phpixie_installs_on_packagist_are_fraudulent/

Thanks a lot. I've actually used the C# For Beginners course and liked it a lot. I've been thinking about purchasing his full course because it goes all through ASP.NET and I liked his style on MVA but I'm not sure I want to put that kind of money down.

I'll try the official tutorial and Pro ASP.NET MVC 5 first since those are much cheaper to try.

online portfolio, literally just html and css

a twitter/blog clone sounds cool, i'll shoot for something like that

Ah, so are you looking to do web design or web development?

So far you've done front end stuff (presentation) but not backend (business logic and database access etc.)

Yes, Vimeo offers qualitatively better videos.
That porn thing would take off though. Open source it, so somebody can fork it for a porn version.

Add dailymotion to it.
And there are some national video sites (e.g. izlesene.com for turkey, myvideo.de for germany was like youtube, but it seems they changed themselves into VOD) that sometimes host videos that are dmca'd on youtube.
I don't know about other countries.

Youtube is still the behemoth in that regard.

For the sake of completeness take a look at this
en.wikipedia.org/wiki/List_of_video_hosting_services

Then make one site that does regular videos, and another that does porn using the same principle.

Why would someone make a playlist of porn videos?

RoR is a bitch to host, honestly just use squarespace

more like keeping favorites from different pornsites together.
instead of polluting your bookmarks (and perhaps incriminating yourself) you keep that online and you avoid having to have accounts on all those fuckers.

That actually is a much more interesting use case. I would probably use such a site.

i thought of creating an addon that lets you bookmark anything you like but it only shows up when you're in incognito and only if you enter a secret combination (like keystrokes and presses on buttons) to not give away that you're using it.
But having that addon installed would already be incriminating unless you can set the name of the addon in firefox to something unsuspicious.

What are you exactly doing? Do you just save links from various sites and display them in iframe or?

How do you refactor other people's code without hurting their feelings and making enemies?

Depends on language. Which standard does the project follow?

width: 100%. or just margin: 0 auto

webpack or browserify?

That doesn't really matter, does it? People are just getting upset with me when I "throw out" their code and rewrite it. I'm just making things simpler and more maintainable from my perspective, but they see it as them not contributing at all

Try to explain why is it better that way, in a non douche mode

Try to be relatively neutral in your statements.
not "This is total shit! Wtf is wrong with you"
but "If we write it like then we won't run into this problem"
Don't criticize the person but the code.
Relate somehow like "Oh, I used to make that same error but then I read up on tutorial/book/course and that showed how to make it better"

Get trivial shit out of the way like code formatting, variable naming, etc. by having project wide rules. You can call them out on it and can refer to the rules when they object.

It's a touchy subject.

Fuck that person though if they can't accept professional criticism without going apeshit.

You should have some company policy or group policy where this laid out in a manner. So everybody knows what's ok, what's not ok and what is to be expected.

Just "throwing it out" and rewriting could be a shitty move. If it is only from your perspective than that doesn't work imo. Your changes have to be objectively justifiable.

1) Explain all improvements
2) Comment and document
3) Write unit tests for all your changes
4) Never change the public interface

SystemJS. It's literally the future.

This and Mozilla Developer Network for additional documentation and examples. That's pretty much everything you need to learn javascript without retarded memes.

>Comment and document
Any sources, where good documentation and comments are explained?
Are there some standards? I know there is UML for diagrams but if you don't know what you are doing it still can go to shit.
I have this problem that my documentation is kinda fucked up, but I don't know how to improve it without making it too complex or using too many different ways of documenting.

Each language usually has a documentation standard e.g. JavaDoc for Java.

Read books like "Code Complete" and others, there are texts which describe best practise for code organization and refactoring, making it less subjective

I see you're making progress. Keep it up.

I'm talking about documentation of architecture and the big picture of the system.
How to make it understandable on a high-level for someone who also develops software.
And then some way to document it to make it understandable for someone who is a manager or technical side of our customer.
Not necessarily for someone who wants to dive right into the details of implementation.

This is what I love about Go. The official documentation standard with go vet and godoc make it so simple to document your project and overall keep it easy to read and maintain.

>must be justifiable.
Their code is like this pic, and I have to work within it and reuse it. Is that justified? Like they're I bit of a beginner / slow learner

I'm having an issue. My instructor couldn't even figure it out, but it also seemed like he didn't care..

There are 4 thumbnails that when hovered over make the larger image(which is currently highly opaque in the screenshot) transition to the hovered image.

The 4 thumbnails should be further to the left.. What have I done wrong because I am 99% sure I followed the steps in my book correctly as well as double and triple checking.

Here is the CSS page
pastebin.com/Up0E3UJG

I have a feeling it has something to do with the UL or LI but I can't figure it out..

Right click on thumbnails and inspect them to see if there are any margins or other stuff inherited from parent elements messing this up.

Post a proper self-contained example, on jsfiddle.net or similar, containing the actual HTML/CSS to construct the page

Use flexbox.

>tfw you can't register a domain for 70 years

you have more experience?
then show them where they made mistakes and what the implications of using their bad code would be.
Don't do it without them learning something from it
Point out from where they could learn more.

If were in their position I'd love to have someone to show me my mistakes and how to make it better.

They probably have to tone their ego down too. Make sure you communicate your intentions in a non-offensive way.

Like I wrote earlier
not "That's absolute shit, you moron!",
but "You wrote code that is not maintainable/reusable/isn't clearly documented, etc., let me explain to you how we can make it better"

And be open for questions.

jsfiddle.net/7ogwjq8q/

? I don't see any options to load picture files here but you can still see what is supposed to happen.

Your ul (that contains the 4 images) has a margin-left of over 100px. Remove that, and it'll move left.
Also your code is a mess.

>Skip the FCC lessons and go straight into projects.

To be fair the projects are crap as well.

>copy this website (but dont look at the source)

WOW SIMPLY AMAZING, THANK YOU QUINCY NOW I CAN FINALLY GET A JOB IN THE INDUSTRY

Obviously you're not going to be ready to get a programming job as soon as you finish the projects, but they're a good intermediate milestone in between 'here's what a for loop is' and 'build a fully functional pinterest clone'. You certainly aren't ready for a job if you *can't* copy a website.

IMO one of FCC's biggest problems is that it markets itself as some kind of school/job placement thing. If you took the same curriculum (plus the stuff that isn't finished) and just said 'hey, here's a good pathway to learning web development' instead of this 'certificate' bullshit, it would be on its way to being pretty great.

I love the sololearn apps because when I'm out and about and I want to refresh my memory on certain html/css concepts in downtime it helps. But I don't need some fake ass cert at the end that's worthless. Kinda just pissed me off.

why not

?

web development is the goal

It's depreciated, grandpa. Aren't you missing Jeopardy?

I bet you use font tags as well

I'm 20 and not from Alabama, so not a grandpa. But honestly, is there a functional difference? I generally use CSS but I find the tags pretty convenient at times.

What's the best non-video resource to learn angularjs?
I have the fundamentals but I feel like I've missed out on some parts.. not entirely sure what I have not learnt yet and the documentation confuses tf out of me.
Is w3schools alright?

The difference is that it's depreciated. Meaning it's no longer standard valid html browsers either don't support it or wont at some point in the future so you shouldn't use it.

Do people mean this or is it a meme?

I've found these two useful:
youtube.com/watch?v=OPxeCiy0RdY and pic related

If you don't care about IE9 grandpas, why should you not use a better technology? Otherwise we would still be using tables for everything.

Using HTML or JS does anyone know how to add a button next to a search bar that adds another search bar under the first?

Create a new search bar with document.createElement, assign it the right properties and append to the container with button.append(searchBar).

1. Add the button
2.Make a .hidden class with display: none; and add it to the second toolbar
3. Add a js event listener to the button that toggles the .hidden class
4. optionally add an animation to the toggle

Thank you guys for your input I appreciate it

jsfiddle.net/5v7m4wcv

?

You beautiful faggot, I love you!
Thank you dude, above and beyond!