/wdg/ - Web Development General - Certified Edition!

first for NST #1

Blindly invite me on PassTheHeadphones, kind sirs

>>57924953
second for *xigo*

who here /trifecta/?

Apl for curry Pth for epeen Nostream for memes

Has APL reached 200k Perfect FLACs yet?

File: LOL.gif (2MB, 498x278px) Image search: [Google]

2MB, 498x278px

>>57924969

who /certified/ here?

I am!

>>57924994
rsync nigga

312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
>312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
>312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
>312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
>312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!
>312C IS A WEB DEVELOPER! THIS THREAD IS A PTP HONEYPOT!

https://stackoverflow.com/jobs/130607/ruby-on-rails-ninjaneer-agilityfeat

>not being a Ruby on Rails Ninjaneer

its like you were born to be pleb

man I love nostream

File: comeatmebro.jpg (45KB, 324x324px) Image search: [Google]

45KB, 324x324px

>>57925037

>>57925046
Send me a NoStream invite now, nigger.

>>57925065
sorry, nocucks allowed.

>>57925072
Please.

File: hahaha.gif (497KB, 499x225px) Image search: [Google]

497KB, 499x225px

>>57925089

What's everyone's buffer on apooloo?

>>57925107
apooloo?
I don't join unsanitary sites.

Who are you people?

File: hahaha (1).gif (1MB, 320x182px) Image search: [Google]

1MB, 320x182px

>>57925123
Would you like a NST invite?

TOO BAD

>>57925113
I seriously hate all these PassTheHeadphones shills!!

>>57925133
FUCK YOU

>>57925123
>>57924944
a proper thread was just made though
may vishnu bless your kind heart sir,,

Trying to get crack money on freelancer. How fucked am I

what u working on guise?

File: Screenshot from 2016-12-10 00-31-02.censored.png (134KB, 2672x1196px) Image search: [Google]

134KB, 2672x1196px

>>57924927
Today I learned how to vector with InkScape.
I also learned how to use custom icons with google maps.

It's not perfect, but I managed to vector the basic shape of the default google maps marker. The pinbody is a polygon with 65 points. The pinhole is a polygon with 75 points.

(I tried to include a bunch of points because I remember from working with signals/waveforms/trigonometry that the more "samples" you take, the cleaner the image/wave. If you don't take enough samples, the wave or image can get blocky or can start to alias.)

The cool thing is that now that I have the marker shape as a vector, I can dynamically color it just by passing color values to a script. In the picture, I've got three parameters. "p", "s", "b". They stand for "primary color", "secondary color", "border color".

File: Screenshot from 2016-12-10 01-01-55.png (852KB, 1463x1015px) Image search: [Google]

852KB, 1463x1015px

>>57927013
>>57926877

DCCCD doesn't have a good "view all colleges" page. So I made one for myself. So that I can know where the closest college is, if I move again.

I've literally lived in 4 different parts of the DFW area in the last 2 years. Maps are handy.

File: Screenshot from 2016-12-10 01-06-45.png (126KB, 1105x1160px) Image search: [Google]

126KB, 1105x1160px

>>57927172
Some of this data was generated dynamically, some of this data was entered by hand.

File: Screenshot from 2016-12-10 01-15-39.censored.png (360KB, 1811x1335px) Image search: [Google]

360KB, 1811x1335px

>>57927217
And the other day, I wrote a little interface to the api they're now using with econnect.

The "id" field that you see in the previous picture is relevant to this.

Basically you can extract a campusList, termList, and subjectList, and you can write a script to query all the classLists for each term->campus->subject pairing.

Some of the colleges have multiple campuses. Like Eastfield has a "main campus" and "pleasent grove campus". If you want to search for a classList for only the pleasent grove campus, you have to know that its id is 494.

Is it better practice to style react components with an external stylesheet, with the style attribute, or in some other manner?

>>57927591
>best practice
Stylesheet

>quick and dirty
style tag

>really fucking lazy
style attribute

Why is style attribute just the worst?
Because it overrides pretty much everything.
It doesn't matter what you've got in your stylesheets or in the <style> tag, it doesn't matter how strong the selector is... if you use <div style="/*stuff*/"> then those are the rules that are going to be in effect.

Which means the only way to modify the style is to either use js to change the style attributes, or to remove the style attributes. No amount of classes or anything will do anything.

So while you may be tempted to just start writing inline styles while writing the markup, resist the urge. Its a really fucking lazy thing to do, and it really wrecks the flow of everything

>>57927172
>>>57927013
>>>57926877
>DCCCD doesn't have a good "view all colleges" page. So I made one for myself. So that I can know where the closest college is, if I move again.
>I've literally lived in 4 different parts of the DFW area in the last 2 years. Maps are handy.


Mein DFW negro. I'm looking for new apts. Currently in Addison. Can you recommend any?

Also, what's the best CC here? I just moved here 6 months ago.

I fucking hate it when a small plugin is requiring jQuery as dependency: eg: some paginators, dataTables, calendar widgets and that goddamn famous "jQuery-validate" form validator, etc...

I'm forced to attach jQuery just to make them work. Know any good vanilla-js paginators?
On 2017 i'll be removing all jQuery in my projects.

Already got:
1. vanilla-js ajax fetcher
2. vanilla-js equivalent of jQ "addclass, etc"
3. vanila-js animate.css trigger

Needed:
4. vanilla-js form validator
5. vanilla-js paginator

>inb4 hurrrdurrr just use a cdn for jquery
My point is so that people would save their "mobile-data-mode"

>>57927659
I can't actually recommend any in Addison. While I've been to Addison many times, it is unfortunately not one of the places I've lived.

If you're OK with the Richardson/Plano area, there's two that I can personally vouch for.

McCallum Glen was pretty alright. Good for a single person who just needs a basic place. It was a good apartment, and the pricing is pretty alright.

If you've got a load of money, there's also Elan Plano (which I think just got renamed to "Cityscape at Market Center")
It's a really nice apartment complex. It's also really expensive.

>CC
I'm not familiar with this acronym.

>>57925037
Go back to /ptg/ alienhippy - albino

It's a really nice feeling going from just doing tons of really mindless and boring FCC projects and constantly googling stuff to actually be able to work on a project you enjoy/find interesting for a couple hours and while still googling just not nearly as often

>>57925043
My uni is organizing some course where you can become a web ninja. It was THAT moment that I fully realized I'm at a wrong place.

>>57928392
>i refuse to use jquery and instead download a bunch of different plugins that will combine together to form a poor man jquery

If you just want DOM manipulation/traversal, just use sizzle--which is just jQuery's DOM manipulation/traversal.

File: Screenshot (1255).png (877KB, 1920x1080px) Image search: [Google]

877KB, 1920x1080px

Hey guys, I'm spending way too much time on this, but I got my website online. It's not in english, but it's basically a film portal (news, reviews etc.).

There are still lots of bugs and some functionalities are missing, but I would appreciate some feedback on usability, and possibly some technical feedback as well. It's for my uni project which is focused on UI and UX and I'm running out of time. Any help would be appreciated.

Thanks.

http://the-kinematograph.rhcloud.com/

File: 4932483825432.jpg (33KB, 615x172px) Image search: [Google]

33KB, 615x172px

php or c# for server side you bunch of cucks?

>>57929406
>wordpress

your logo-white.gif loads from http instead of https.
you have several // comments in your css file, css does not support // comments

>>57929586
c#, because debugging seems to be a myth with php.

>>57929630
Yeah, I need to remove that shit.
I'm not sure what's up with logo, I think this free openshift domain is only http. Thanks for that.

Yeah, it's wordpress because the backend is not the main focus of a project, even though I still made a lot of custom functionalities.

I've been off web development for quite some time now. are grunt, express, javascript frameworks still thing that hipsters use ? gimme all the latest memes

>>57929406
>wordpress
>apache

its slow as shit

>>57929991
How slow is it? It seems openshift is slow as fuck, but I have to host it somewhere free atm.

>>57930002
took me over 5 seconds for initial load and everything else after cached seems to load almost under 2 seconds

>>57930020
How and what can I fix? I cleaned my history and cache and it is still opening almost instantly for me. I have to optimize my images, but that's the only thing I know that is slowing the site down.

>>57930051
hmm for some reason its better now, something was fucked when i first tried it.

but you should've made the site with some meme SPA framework desu, it would've been way faster. If you need wordpress so much you can easily integrate WP rest with the meme frontend

>>57930051
>>57930020
For some reason, this one is taking 8.5s.

http://the-kinematograph.rhcloud.com/recenzije/objava/the-cranes-are-flying-a-drama-of-young-love-passion-devotion-and-betrayal/

While the other ones I tested opened in less than 1s. Anybody knows why?

>>57930095
I tested some parts with wp-rest and Vue.js, maybe should've sticked with that, but didn't see the point at that time. But anyway, I'm gonna be satisfied with an average speed for now because I don't plan on maintaining it since it's just for my uni. Actually, given that I just need to finish a design and a paper soon, I'll have about a month to rewrite it if necessary.

So since my focus is on UI design anyway, I'd appreciate some feedback on that too. Thanks to anyone for help.

When working on stuff just to get hired is it good to push to github as much as possible just so it looks like you use it alot even if it's just small changes?

Thinking about even going back to older projects to "make them look better" to make sure im contributing every day.

>>57924927
>W3Fools
>Certification

Jesus Christ.

>>57928541
Community College

Its me and the wife. Plano/Richardson is good. I live right north of 635 in Dallas/Addison. We currently pay about 2k a month for our townhome and would like to downsize to about 1k

>>57930095
Just to mention that I optimized my images and the page speed score in google insights already increased from 34 to 72. Damn.

>>57931303
pagesights is outdated as fuck, use https://tools.pingdom.com instead. Yfast2 is good too desu

>>57931499
yslow*

>>57931499
>>57931521
Thanks man. Didn't know about it. :)

Hm, I'm getting 95/100 here, interesting.

I'm building a react app at the moment, using react router for the routing.

If I want to get the current path, I can use this.context.router.location.pathname (after pulling router into the component via context) or I could just use the window object and type location.pathname.

The second option seems much more simple, but it also strikes me as operating outside of the tools I'm using to construct my app. Is there any potential con to reading the path from the window's location object instead of from the router?

I've got an apache server running and just used certbot to get ssl certs for a virtualhost running on my vps. I've got several virtualhosts, and the default one points to /var/www/html while the one I just got certs for points to /var/www/collinoswalt

Now, https://collinoswalt.com points to /var/www/html

How do I fix my virtualhosts?

>>57931962
`this.props.location.pathname`

that should be the "react way" of doing things

>>57932160
I have no idea why I didn't just pass this into the component from the jump. Thanks for the help

I want to resize/compress images before they get uploaded to the server. What's the best library to do that?

>>57932556
load the image into a canvas and then post the canvas image back to the server.

>>57932608
that seems like a lot of work. i want it to be done behind the scenes.
It's for an admin panel that literally 4 people will be using, so i don't give a fuck about bloat

>>57932107
FIgured it out. default-ssl.conf points to /var/www/html by default. Just had to change it to /var/www/collinoswalt

I am uploading a css file with filezilla but the new effects aren't showing and I am overwriting the old file what can be wrong?

>>57933259
what is cache.
press ctrl-f5

>>57933296
thanks : D

>>57933296
will the other viewers of the website not be able to see the changes unless they refresh too? how can i fix it?

>>57933434
add a timestamp where you include your stylesheet, like myfile.css?20161210
if they have the html page cached too then there's nothing you can do besides telling your server to send nocache headers for the next time they load it.

Cover letter on Indeed important?

Like for junior level.

Since, you know, my resume has no prior related professional experience.

>>57934108
Might as well if your starting off it can help

>>57928541
Lewisvillefag here.

Low-tier housing is 50% average persons salary.

Do not recommend.

Flower Mound is great though and southlake is too if you land a web dev job

Between Angular2 and React, which one has the lowest learning curve? I don't wan't to spend my life just learning a fucking tool

>>57931121
1K will get you a pretty decent place. You should be able to find a 2 bedroom for 1K.

All the colleges in DCCCD are decent. I personally spent a good deal of time at
Richland College at 12800 Abrams Rd, Dallas, TX 75243

Here, I went ahead and took the necessary steps to convert my little thing to a fiddle.
https://jsfiddle.net/fxd7fof6/3/

That fiddle has the locations of all the campuses for you.

>>57929639
>what is phpunit
Unless you mean server side as in actual server configuration, which i have no idea how to do because im still a scrub

>>57937704
I didn't mean unit tests.
I mean stepping through code line by by with a visible stacktrace/variables and all.
It's just fucking awful having to install debugging servers and what not, where as in c# I just press run in vscode.

File: quiz.png (1MB, 1080x4119px) Image search: [Google]

1MB, 1080x4119px

does this look like shit? it's the landing page for a quiz webapplication.

I'm not that good at design. any suggestions?

File: Screen Shot 2016-12-11 at 01.40.48.png (28KB, 375x669px) Image search: [Google]

28KB, 375x669px

>>57938555
and this is what a quiz looks like.

>>57938555
minimalist bullshit

stop using a dozen different jarring background colors, lose ALL parallax shit

>>57938803
Fuck off with "minimalist bullshit".

Anyway, the mobile is especially clean and seems pretty usable. You even got a nice border effect there. I mean, there probably are too many colors on the first one, reduce that to around 3 colors, and pick one main brand color, and then some for highlights.I can't tell the dimensions of the first page and if it is on desktop or on mobile, I guess it's on mobile due to huge text sizes, otherwise, it's too big. But all in all, simple and looks perfectly fine.

>>57938898
the background colors of the games can be set in a cms. i thought it would be a good way to differentiate them but maybe i've overdone it. should i just use them as accent colors and have the same look for all the boxes?
the dark red on the lorem ipsum text is the brand color.

the site is mobile only. It's for a local museum. think of the quiz as a virtual guide that visitors play on their smartphones. you're supposed to find the answers in the exhibition and not play at home from your laptop.

>>57938555
Seems fine. Test it on an actual device on a real mobile network to make sure it actually works right. Using chrome dev tools doesn't give an accurate representation of just how shit the average phone is in terms of processor power and network reliability.

>>57938985
Hm, if they are different games, then I guess it would be fine to differentiate them that way. I think that what bothers me is just a choice of colors, they kinda don't go very well with each other. Maybe try experimenting with them a bit, make them lighter and easier on the eyes, google some color palettes for inspiration.

But it's pretty basic and simple so there is not much to tell you besides the possible color choices. I'd change the lorem ipsum font for something nicer, and that's all.

>>57939119
MIstake, not lighter, they can have a nice dark tones as well, just don't make them saturated too much. Actually, try changing just that red one and it should be good.

Eh take everything with a grain of salt, I want to help but I'm exhausted with my own design that I can't look at anything anymore today.

>>57939150
Oh yeah, just one thing - possibly try to have a background of the game same as the color of that div representing that game on the front page. Now you have 2 similar hues of orange-red and that's not good.

File: Screen Shot 2016-12-11 at 02.20.38.png (10KB, 461x109px) Image search: [Google]

10KB, 461x109px

>>57939061
yeah i do that already but i only own relatively high end devices and everything running android 6. i have a feeling the old stock android browser from 4.4 might cause some problems. i'll probably have to buy some cheap phone for testing.
Performance should be good though. a quiz without images only takes ~200kb and uses basic css transitions.

>>57939119
these are all the possible color choices. i played around on some color generator website but I don't really have an eye for nice colors. my only requirement was that white text is readable


thanks for your suggestions, anons. this is my first big project for a real customer and i'm pretty excited to get it online

>>57939172
not sure what you mean. the frontpage box uses exactely the same color as the corresponding quiz background. it's saved as a hex code in a database. maybe it just seems different next to those other colors.

>>57939235
Maybe it's just the case with uploaded images then, because when I select the colors with color picker, 2 different hex values show up. Even just with my eyes I can see 2 different colors.

>>57939484
i guess it's because i edited the first image in photoshop and the second one is a screenshot. i just compared the real values and they're the same.

File: pug-window1.jpg (524KB, 2716x1810px) Image search: [Google]

524KB, 2716x1810px

Is there a way to do Laravel-esque "routing" or urls without using htaccess or changing the nginx config file? I'm making a CMS for use on my personal websites and having the ability to add and remove pages without having to use super hacky methods like previously mentioned would be great.

>>57940614
>super hacky methods
nigga what

File: Screen Shot 2016-12-10 at 10.24.44 PM.png (111KB, 1048x562px) Image search: [Google]

111KB, 1048x562px

I have a question about switch statements in javascript.

pic related is my code.

when my currentTool that I'm doing the switch on is set to "line" I get the correct alert saying "inside 'line' case" but I ALSO get the default "Error: No tool selected" alert. how in the world is it running the "line" case code and also the default case code? isn't the whole point of default is that it runs when nothing else in the switch statement is a match?

>>57940700
what ide/syntax scheme is that?

>>57940700

lol I was missing the break;

sorry boys.

>>57940730

it's Brackets. and I haven't changed any options.

using it because the Complete Web Dev course on UDemy introduced me to it. since like a nice lightweight option though.

>>57936708
React itself is pretty simple but if comes with a ton of baggage like Redux, React-Router, Webpack, etc. that all add complication if you want to do anything complex.

Angular 2 is more to start with, but it's a complete framework. And TS is pretty neat.

There's also Vue which is pretty good.

>>57940756

seems like**

>>57930002
>>57930051
Loaded in less than a second for me.
Idk shit about fuck when it comes to sites, but that's how quickly it loaded on chrome on a desktop.

>>57930102
takes less than 1s for me
gr8/8 movie btw

File: Screen Shot 2016-12-11 at 12.31.13 AM.png (534KB, 2292x1154px) Image search: [Google]

534KB, 2292x1154px

you guys will be pleased to know that I'm essentially done with my paperJS paint app. gotta make a few adjustments to CSS still, but everything is working.

any recommendations on stuff to add?

Need css help please

have a container that has a fixed height and a width determined by the parent

i want to place any image in the div, have it upscale / downscale such that the entire image fits in the div with the original aspect. I don't care about white spaces

>>57940756
>brackets
>lightweight

Try sublime.

>>57940614
Put each page in their own directory.

>>57942966

yeah maybe that was a dumb comment from me, but I come from Java (Eclipse/Netbeans), so maybe you can understand my perspective.

Trying to run a python script from javascript but cant work my mind around it.

Does anyone have a working function they want to share?

The python script prints a string "true" or "false" that i want inside my javascript.

>>57944470
Javascript as in a browser or node?
Python as in a webserver or on your local computer?
What have you tried?

>>57944470
it's not that simple, anon. Javascript has no knowledge of python, so you can't just run python code.

here's an implementation of a python interpreter in javascript http://pypyjs.org/
good luck.

>>57944507
got a simple python script of a few lines in my html folder. And depending what it prints out i want my site to display different things.

>>57944508
i was hoping there was a simple way to just "var variable = jspython(url);" but i've noticed its, as you say, not that simple.

>>57944578
You're going to need a backend for that, or port the logic to javascript and use that in the browser if possible.

>>57944604
I think i'll just set up some loop that runs the python script once every minute, have it write to a file and let the javascript read from the file instead.

it works untill i find a better solution

>>57940760

That's exactly the reason I don't like Angular2. It tries to be everything and is overly complicated.


React is more or less just the "View layer". It's super comfy to make a RESTful API with Django or Rails and put React in front of it.

I agree on Vue though, it's nice.

whats a good paginator for vuejs? im using jPages but sometimes the paginator disappears during vue update method. vue updates fast its probsblyb the reason jPages got left behind and fail to execute. how do i put a callback on it?

so there are all those links in the OP and shit but I see so many people criticizing many of them like w3schools or codeacademy or whatever and I honestly don't know where to start

>>57945961
So pick another link, problem solved.
... or you can spend 2 months procrastinating trying to find the perfect tutorial.

>>57946013
>or you can spend 2 months procrastinating trying to find the perfect tutorial.
that's my approach to many things in life, but I don't call it procrastination. I just really want an optimal and efficient "tutorial". It bugs me terribly when I do shit that I know deep inside is not the most efficient way.

>>57946056
You will write unefficient, terrible-looking and broken code at the start anyway, might as well get past that until you know more of what you're doing.

>>57929639
I like how phpdbg was unanimously (40-0 votes) voted into PHP 5.6, but nobody, absolutely nobody uses it because it's such a useless piece of shit.
I don't think there's even a single guide online on how to use it.

This just shows how incompetent the core devs are and how disconnected they are from reality.

Xdebug works somewhat well, but it slows your PHP program (which is already slow as a dog thanks to the (((Zend))) Engine) to a crawl.
And that's even before you start debugging. Just having the extension enabled kills perf.

Did I mention Xdebug has a profiler included? How is that supposed to give you any meaningful information if it completely changes the performance characteristics?

>>57946250
>(which is already slow as a dog thanks to the (((Zend))) Engine)
Compared to what?

>>57946300
Everything, except for maybe Ruby.

>>57941319
>>57941614
Thanks guys. That's good.

Too bad those anons from the last time that gave me some ideas on a sidebar are not here now. I would like to know more about how usable it is.

I think it's basically the only thing that doesn't really follow the common patterns, and a little experiment by itself. I'd like to know how efficient it is so I can write about it in my thesis, what works and what doesn't etc.

Working with forms, so in your opinions anons
is there big difference between
if(empty) and if(something==NULL) if i want to check if field is empy?

>>57947097
Empty basically just means

@(!isset($v) || $v != true)

Use it as little as possible. Even for arrays, it's better to check if the count is 0.

>>57947097
in javascript?
'0' == false, so be wary of that.

>>57947097
You need to check that:
* It's set
* It's not null
* It's not empty
* Other validations (valid email etc etc)

Who /fullstack/ here?

I love being able to completely build my own webapp from the ground up without relying on frameworks or ither developers. Liberating.

>>57947097
>>57947128
>>57947130
it is in php


I checked if it is !NULL and failed at my job interview, kek
fucking fags, those cunts only accept code the way they do it
Doesn't matter that everything worked

>>57947171
Did you have to read from PHP's shitty superglobals?

>>57947228
It was in drupal 8, don't really remember anymore, trying to forget about that shit.
Btw, fuck drupal

>>57947287
Yeah.
Did you manage to get away from PHP?
PHP jobs pay terrible, make you work with a horrible language and horrible tooling and libraries halfheartedly copied from good languages and matches you with retard colleagues.

My bootstrap pills aren't working. How do I debug this?

>>57947576
press F12

>>57947485
Well in my country junior php dev has 2-3x bigger salary then average. Most paid are c++ and ios developers.
That is ok for me, i know java, c++/c but dont rly like working with them

I want to make an easy to update homepage for my moms business, the hoster only supports php which I have no experience with.
I've looked at laravel and lumen, but it's kind of bloated with it's model/database generators.

What lightweight php framework can I use to make a simple API?

>>57929406
Nikada wordpress.

>>57947859
As I've said numerous times, backend does not matter for my project, so I used it because it was pretty easy and it had a lot of functionalities I needed.

But tell me now, what is wrong with Wordpress in this case? I don't see any technical flaws.

>>57947859
Slazem se sa ovim

>>57947898
Ovakav sajt ti je lakse napraviti od 0. Nema nicega zahtevnog i jednostavno znas sve sta si uradio. Barem je meni tako lakse, nadogradnja itd itd.
btw jel imas nemacki film iz 2010 The Runner

Just rent a VPS with blazingfast or someone for $5/month and then you get to deside what is and isnt supported.

>>57947939
Hostsailor, 1.99$ month

>>57947939
>>57947623
4 u

File: 2f3a94f.jpg (5KB, 219x37px) Image search: [Google]

5KB, 219x37px

>>57947948
xd Id have used that up in 10 minutes

>>57947949
not him but if you want rly simple api best way is to make it yourself. With lumen or any other you will need php anyway, so better look for some tuts and make simple api on your own.

>>57947975
What are you hosting, if you use it for simple website it is more then enough.

I use vpns for fast torrent download in restricted networks, like faculty network.

>>57947925
Nemam nažalost.

Uglavnom, da ne spamamo na našem jeziku...

All the backend took me maybe a week. 2 days for a basic site, and the functionalities in the sidebar and voting on the articles are custom made.

Honestly, I don't have any experience with creating whole custom CMS systems, I probably could have done it, but it doesn't matter now - I need to show the UI design somewhere and I spent the most time on that part.

So as I've said, I'm really only asking for any feedback on the UI and I'd appreciate if you could test the site for a minute and tell me how it feels and what I can improve. The backend is what it is, I think it works well enough and that's all it matters for this project.

>>57948025
Ne moze se naci nigde jbmti

Only part i dont like about page is that "Menu" button.
What is it for?

>>57945961
w3schools is the main one that's shitty, mostly because it's full of outdated and inaccurate info. Mozilla Developer Network (MDN) is the recommended source for JS documentation because it's fantastic (and also the defacto official documentation because Mozilla).

Codecademy is fine to start with if you like that style of teaching, as is using books, yt videos, tinkering with personal projects, etc. If you're teaching yourself, there's no reason not to do it in whatever way you prefer.

>>57948176
Ja iskreno prvi put čujem za njega :D, ne mogu ga naći ni na IMDb-u. Ali sad si me zainteresirao.

This is the second time I hear that about the menu button, I guess I'll change it. Basically, usually it's a scroll-to-top button, but I've seen this functionality mentioned on some UX blog and thought it was interesting so I implemented it to see how it'll work.

Honestly, it probably doesn't make much sense for a desktop site, but on mobile it might work, because currently I'm hiding a sidebar behind one hamburger menu, and on the other side would be a search icon, so having the menu available at all times inside that red button would maybe work well.

But on desktop, I think I'll need to make the top bar fixed or show it when you scroll up a bit, because that would surely be more efficient than having to press the red button and then make another click to get somewhere. Because at the moment, the only option would be to scroll all the way to the top manually to get to the navigation, that's why I'm also using the menu button on desktop.

>>57948317
film: http://www.imdb.com/title/tt1339161/

If you use it for scroll it should show only when page is scrolled down, not always.
Also it should be called something like "go to top" because it used to send to start of the page not to open menu.
>Ako je to sidro, verovatno jeste, ne znam kako ga zovu na engleskom. Menu salje do #navigacija

>>57948348
No toilets in india, maybe questions should be how many bulldozers are needed to clean streets from shit

>>57948421
>http://www.imdb.com/title/tt1339161
lol, tek sad vidim da su ga ovde preveli kao The Robber, a na drugim mestima mi nudilo The Runner

>>57948421
Yeah, but at the moment it doesn't function like a scroll to top, check it out for yourself. It's just a button which hides a normal menu with all the categories. But I think I'll change it back to a regular scroll to top button, which will, as you've said, show up only when the page is already scrolled to a some degree.

Stavio sam ga na watchlistu, djeluje zanimljivo.

>>57948474
>post-like.js
404


If you leave menu button you should enable this:
When is clicked outside menu it should close it, coz when i open it i cant close it until i pick something

>>57948548
Thanks for the feedback. Np, I'm aware of both of the problems and will fix them. The problem is that I have that function inside a bigger script, but something else is calling that file, forgot to move it to a new place.

File: SS_023.png (12KB, 390x121px) Image search: [Google]

12KB, 390x121px

>>57948644
it is called 2 times in one page

>>57948661
Thanks, I'll check it out.

I want to make a useful website. What ideas do you guys have?

does anybody know when to use white and when to use black background?

>>57949591
Never and never

>>57949621
does anybody know when to use light and when to use dark background?*

better? ofc I didn't mean #fff and #000, but it seems that you thought exactly that.

>tfw realized I've been applying for jr positions this whole time without a cover letter

No wonder I didn't get a response.

Also NSA downloading my phone. Like 300F and full upload.

>>57949783
Use dark backgrounds if it's porn or edginess related.

Use light backgrounds for everything else.

>>57950492
or for creative sites, like photography portfolios, design agencies, etc. If the content is dominated by visuals, e.g. videos and images, dark background can be a good choice. That's why you can often see white websites using dark background in video categories, or just making a background around video articles dark when they are on the front page. Same as why you will most likely watch movies in a dark place, because the visuals pop up more that way.

Black background with neon green Comic Sans is industry standard.

Don't listen to these tools.

File: diff.jpg (330KB, 1920x1047px) Image search: [Google]

330KB, 1920x1047px

>>57929406
This would be better, wouldn't it?

God bless designers, I'm going mad here, at the end I'll start hating anything design related. That's how much infuriating this whole process is. Should've picked something else for my project, but truth to be told, I learned a lot from this.

File: smh.gif (3MB, 320x240px) Image search: [Google]

3MB, 320x240px

>go to watch a tutorial on pluralsight
>work pays for this account so we can learn
>guy doing the video has an indian accent

I'm utilising connection pooling within my Express server.

Is it ok to place middleware within the MongoClient.connect callback? I'm starting the app within it, but is an app.use statement a bridge too far?

I'm asking because I want to place middleware that set ups user sessions within that connect callback in order to have guaranteed access to the database object returned by MongoClient.connect.

>everyone wants vue.js

I always miss the memewagon. Thought this one was dead before it started.

>Junior Web Developer
>7+ years related work experience

Excuse me?

File: nodeExperience.png (234KB, 845x739px) Image search: [Google]

234KB, 845x739px

>>57952243
>paying attention to anything a recruiter puts in the requirements section of a job description.

Ignore it and apply anyway.

>>57951529
why do they all have shitty mics too. Pajeets really are fucking awful, they don't even buy proper tools to do their fucking jobs.

>>57952200
You should focus on something you like, and let the memes pass you by.

Or, just focus on the underlying principals of programming and computer science because they haven't really changed since the 1970s

>>57952990
I'm a vanilla JS wizard.

Unfortunately that means nothing.

>>57949783
>57949783
https://en.wikipedia.org/wiki/Light-on-dark_color_scheme

i hope it helps. im a complete beginner.

>>57953509
Node is pretty much all vanilla JS. Plus you don't have to feature test or transpile shit because your code is executing in an environment that you control, rather than whatever browser the user looks at your page with.

>>57953595
Sounds sweet. I'll finally pick Node up.

>>57927013
Bezier curves > straight lines

Best IDE to use when I'm coding node.js?

>>57954101
Anything that can edit text. It literally doesn't matter.

request(url, function(err, resp, body) {
        var $ = cheerio.load(body);
        nextPage = localCl + $('.next').attr('href');

        //going through each listing and making listing objects
        $('.result-row').each(function(i, listing) {
            var listingHtml = $.html(this);
            var $2 = cheerio.load(listingHtml);
            var listingObj = new Object;
            listingObj.title = $2('.result-title').text();
            listingObj.price = $2('span .result-price').text();
            listingObj.pid = $2('.result-row').attr('data-pid');
            listingObj.rePid = $2('.result-row').attr('data-repost-of');
            listingObj.location = $2('.result-hood').text().trim().replace(/\(|\)/g, "");
            listingObj.time = $2('time').attr('title');
            listingObj.compTime = $2('time').attr('datetime');
            listingObj.link = localCl + $2('p a').attr('href');

            listingObjArr.push(listingObj);
        });

        if (typeof arr === 'undefined') { //when app first starts, no pidArr to reference
            finishListings(listingObjArr);
        }
        else {
            checkIfEnd(listingObjArr);
        }
        //removeDuplicates(listingObjArr);
        //console.log(listingObjArr);
    });

Question: the if statements are going to execute before the "each" function finishes, right? Pretty sure that's what's fucking me up right now

>>57954160
I want it to warn about syntax errors and have documentation about functions / classes in the IDE at least.

>>57942014
Filling in hollow shapes

Backbone.js or React or something else?

>>57954172
No they shouldn't. Loops are not asynchronous

>>57954172
Looks like a scope problem. Where did you declare arr and listingObjArr?

>>57954651

var getListings = function(url, arr) {
    var listingObjArr = arr || [];

    request(url, function(err, resp, body) {
        var $ = cheerio.load(body);
        nextPage = localCl + $('.next').attr('href');

        //going through each listing and making listing objects
        $('.result-row').each(function(i, listing) {
            var listingHtml = $.html(this);
            var $2 = cheerio.load(listingHtml);
            var listingObj = new Object;
            listingObj.title = $2('.result-title').text();
            listingObj.price = $2('span .result-price').text();
            listingObj.pid = $2('.result-row').attr('data-pid');
            listingObj.rePid = $2('.result-row').attr('data-repost-of');
            listingObj.location = $2('.result-hood').text().trim().replace(/\(|\)/g, "");
            listingObj.time = $2('time').attr('title');
            listingObj.compTime = $2('time').attr('datetime');
            listingObj.link = localCl + $2('p a').attr('href');

            listingObjArr.push(listingObj);
        });

        if (typeof arr === 'undefined') { //when app first starts, no pidArr to reference
            finishListings(listingObjArr);
        }
        else {
            checkIfEnd(listingObjArr);
        }
        //removeDuplicates(listingObjArr);
        //console.log(listingObjArr);
    });

};

var checkIfEnd = function(arr) {
    if (pidArr.indexOf(parseInt(arr[-1].pid)) > -1) {
        isEnd = true;
        removeDuplicates(arr);
    }
    else {
        isEnd = false;
        getListings(nextPage, arr);
    }
}

arr is an optional parameter, it's an array of craiglist listing objects so if the function is called with the array provided then it adds listing objects to that array.

>>57954846
And what's the error?
You can just write !arr intead of typeof arr === 'undefined'

>>57924927
I should get back to my Zend PHP cert.
Some of the questions are pretty interesting, but it mostly feels like I'm learning for an exam from 15 years ago

>>57954908

It's passing a bad array to my finishListings function

var finishListings = function(arr) {
    for (i=0; i<arr.length; i++) {
        request(arr[i].link, function(err, resp, body) {
            var $3 = cheerio.load(body);
            //var replyLink = localCl + $3('#replylink').attr('href');
            //arr[i].text = $3('#postingbody').text().replace("\n        \n            QR Code Link to This Post\n            \n        \n", "").replace(/\r?\n|\r/g, " ").replace(/\\'/g, "'");
            //arr[i].category = $3('.category a').text();

            console.log("arr"+ i + ": " + arr[i]);
        });
    }
    
    //console.log(arr);
};

no error but console output is 100 instances of "arr100: undefined"

>>57954985
Ok I think I know what your problem is. Your requests are asynchronous. Try using promises or callbacks.

Anyone familiar with mongoose?

I'm trying to create a schema in mongoose for objects that contain a lot of unique value pairs, and I have no idea wtf I'm doing.

The json looks like this,

{ 
  "title" : "somebook",
  "author" : "somefag",
  "words" : {
                 "word1" : 434,
                  "word2" : 322,
                  "word3" : 233,
                    etc...
  }
}

the words is pretty much a giant list of words that I use as keys next to a number. (I'm parsing through a bunch of books and getting word counts).

Sorry if this is super retarded, but I just picked up database shit today.

File: lookoflels.gif (2MB, 300x300px) Image search: [Google]

2MB, 300x300px

>>57924927

this pic

>>57955116
thanks for the help

>>57955212
So I'm not sure exactly your needs, or your question...but I small example would be

const mongoose = require('mongoose')'
const WellSchema = mongoose.Schema({
  title: { type: String, required: true, unique: true},
  author: {type: String, required: true},
  words: { type: Array}

module.exports = mongose.model('Book', BookSchema;

Now for your words data...I guess an array could work by pushing each each word value into the array and then save it.

File: myamoto.gif (4MB, 500x248px) Image search: [Google]

4MB, 500x248px

Why is the JS world so obsessed with owning the whole application?

I am trying to create a webapp using a PHP CMS as a backend. To keep my code clean and maintainable, and also to be able to release valuable portions of my app to the public with relative ease, I am encapsulating my stuff into separate plugins as well as I can.

I did not expect JS to be such a pain in the ass in this endeavour. I'm using grunt to transpile my es6 code to es5 and it took me ~2 weeks (of lazy sofa dev time after work) to create a taskrunner for any of my plugins that
- compiles a set of modules for everyone else to use using requireJS
- compiles all the internal stuff that only the module itself uses using ES6 imports

This has to be done in 2 separate .js files. There is no apparent way to tell grunt "Hey, use these modules in private but please expose those ones for everyone that might be interested in them" in the same output file.

This is based on a couple of rather ugly hacks that completely kill any sort of IDE support because I have to group all modules under some plugin-specific namespace.

I don't understand how you can come up with such a flexible module loader, yet never even assume the concept of external code wanting to interact with your stuff.

>>57957002
I still don't get that shit you had to do.

Maybe because when I have troubles I fallback to vanilla, but I've never had to use Grunt, bower and whatever the fuck.

I use JS front with PHP rear too.

>>57957118
Most of it comes from transpiling ES6.

Go ahead and try to create 2 separate (php) plugins that require JS modules from each other (but of course also do their own thing) with babel/browserify/webpack or whatever. It's a living hell.

>>57957206
When would I need to do that?

I just make PHP pages that do things with POST variables.

>>57957002
>using Grunt
Didn't you get the memo? Everyone swtiched to Gulp because Grunt is shit to use.

>>57957281
grunt and gulp.

Sounds like a regular weeknight to me.

>>57957118

same here. PHP back end, html/css/js front end, and of course a SQL server. All my edits in notepad++.

literally no need for anything else.

>>57957260
For example if you want to create 1 plugin to provide a general-purpose REST-api including frontend-code and another plugin to actually extend it to the specifics of your current content.

>>57957281
gulp and grunt are incredibly similar. The actual problem here is babel and the whole concepts of ES6 imports, not the taskrunner that interacts with it

>>57957325
Come on man, that's not web development, that's banging rocks together and screeching if you get a spark.

Sorry if this is a dumb question.
Haven't done any web development yet from a limited c++ oop background, and I'm getting started with javascript.
After that thinking of moving on to Node and then mean stack. Is that a decent way to go?

The end goal is enough knowledge to do full stack development.
Sorry again if the question is dumb, I'm just really not familiar with the web dev world.

>>57929406

how can I close the menu button when on mobile ? I can't close the menu if I clicked elsewhere. when I click the lowest part of the menu then it closes.

>>57957470

yes it is how is it not

>>57938555
if this is going to be on mobile . then follow the color scheme of the quiz (app) to the landing page. then use just plain old white vector icons . plus text then you're good to go. no need for blurred out backgrounds and parallax. just make the color blend or the same with the quiz (app). like a theme of some sort.

>>57957616
What do you mean? I don't understand that sentence

>>57957714

you said thats not web development, i asked you how is it not

not hard to understand

>>57957206
when willbrowsers implement es6 already? so we dont have to transpile all that bullcrap? babel guyfieri a shit

>>57957470
To be fair there's a lot to be said for keeping it simple.

If you use a flavor-of-the-month meme Javascipt framework, 9 levels of abstraction deep, with a massively scalable but convoluted application architecture, and a build process that bundles it all into one minified 3.5MB Javascript file for you to shit right into your user's browser... all just to make your Hello World application... then I hope that next time you go to your hipster artisan beard grooming salon with your fair-trade kombucha latte, I hope that the barber accidentally slips and stabs you in the neck.

Besides, progressive enhancement is the new meme, meaning you should make your shit lightweight as fuck and make it work well under the worst possible conditions, which vanilla HTML/CSS/JS is best for. Because the web is utterly shit on mobile, despite mobile being the largest web-browsing platform as of 2014.

>>57957576
That's fine. MEME stack isn't a thing though. It's just a marketing thing Mongo devs came up with to make their shitty DB seem more legitimate. Git gud with JS and you won't have any problem jumping into any frontend or backend framework you want (or just doing your own thing with no framework at all).

As far as databases go, SQL is way more popular in the real world. I suggest learning that instead of wasting your time with Mango.

>>57957730
My assumption is that you simply cannot do proper webdev with notepad++ and I am usually the first to recommend npp whenever possible.

I have started with npp about 5 years ago, then moved to Netbeans, moved to PHPStorm EAP and finally became a subscription user as my knowledge and experience progressed.

I'm not saying you need to use a paid IDE to properly do webdev (though I would encourage it), but boasting about NPP just shows how much of a rookie you are. NPP is amazing, yes, NPP can earn you money, yeah. But feeling superior about it is the very reason webdev gets a bad rap.

>>57957740
I'm counting the days. ES5 feels like 1875 to me now

>>57957749
I'm sorry, but were you trying to actually bring up some arguments or were you just exercising your buzzword density?
Progressive enhancement is an ancient concept, but I am glad memers are picking up on it again

>>57957845
>Progressive enhancement is an ancient concept, but I am glad memers are picking up on it again

Its an ancient concept that has been abandoned in favor of SPAs.

>>57925043
I don't even know if I would apply at shit places that ask for ninjas. I did see a pretty cool job posting from somewhere in England that said in the requirements: "if consider yourself a ninja at anything don't fucking bother applying." seems like a great place to work.

>>57957845

i wasnt trying to be superior at all. for everything i've done my current stack has been enough. Mainly talking about languages anyway, not editors or IDE's, but i'm open to hear why your paid IE allows you to do "proper" web dev.

Lads, I've been trying to go balls deep learning Angular but some of the shit that's in the documentation is just flying right over my head. The tutorials don't really teach much, I just followed their instructions without much reasoning about what exactly is going on under the hood.

Question is: what are some good books/resources that really let's me dive deep into the specifics of how Angular works?

>>57957994
You cannot talk about IDEs without talking about languages.
PHPstorm has support for all major frameworks down to their intricacies (and taskrunners for most asset crap). It also supports autocomplete for array keys and shit like that. Language support is an immense feature.

Then there's stuff like the glorious git integration, allowing push&pull across dozens of repos at the same time, or the lifechanging implementation of the XDebug debugger.

Code formatting and PHPunit support are what I'd close with.


In any field, you can judge a worker by the tools he uses.

>>57950435
I don't even know what to include in a cover letter. Is it just blah blah blah, I'm a hard worker?

BTW I got that beat. I've been applying for the past month with a resume that doesn't have my fucking portfolio link on it. I've changed my resume probably 20 times and this is the final version I was happy with and then I notice this bullshit.

Got a phone interview in a few hours. How do I not fuck this up? They want Angular/MEAN stack skills, but just said it would be nice to have. It's for quite a big company.

>>57958276
Just say it's yet another framework and that you're familiar with quite a few (you are, are you?)

If you have formal experience in your field, you're going to be fine. You just need to be able to present it.

Still feel unsure? Well maybe get good before applying for high-tier jobs

File: cssaids.jpg (29KB, 1115x82px) Image search: [Google]

29KB, 1115x82px

Does anyone know why I'm getting this error? Don't think there's anything wrong with my code.

where can I find a jquery version that can be included onto any plugins? without having the full jquery included. Almost all of the plugins that I manually include are all jquery-dependent. But I doubt those plugins use the full functionality.

File: screenshot.png (25KB, 991x529px) Image search: [Google]

25KB, 991x529px

I'm using ruby command prompt to run gulp for a project. But I can't do anything after I run gulp, how do i input stuff after having gulp running. I want to run sass to use scss while using gulp

>>57958577
comma after font-size 0.7s maybe

>>57958941
still not working. :(

>>57958577
dude theres a period right before your -0.11 value

I've got my project directory and then a subdirectory named pics. I've saving uploaded photos to, you guessed, it pics.

I'm using jinja2 to set the link but when I'm getting a 404 when I trying to view the pic. I'm even hard linked it like "/home/anon/project/pic/1.jpg" but it's still giving me a 404. Any ideas what's causing this?

File: css.jpg (11KB, 245x151px) Image search: [Google]

11KB, 245x151px

>>57959121
Sleepy and sloppy as fuck, thanks anon.
Still not working though, I'm guessing this has something to do with chromes browser flexbox support.

>>57959222
nvm, works now.

>>57947898
Bloat and bad practices. You should be able to fully understend your routes modules and views. After that everything will beacome easier and easy.

>>57954394

wow, that would be a huge challenge. not even sure where to start. all the tools I have now are fair simple and I'm just doing stuff on mouseDown, mouseDrag, mouseUp, taking advantage of some of paperJS's features. I will think about it for a bit. thanks for the suggestion btw.

>>57959201
fixed it. not sure why but I just scrapped it all moved my picture directory inside /static/ and it works now. Guess flask is picky about that sort of stuff.

So I had a uni project to make a "web app" with some other people. I wrote it in C because thats all I know, just did a shitty little webserver that can handle concurrent connections and deliver pages with bits of javascript et cetera, is this not a good way to do web dev? What other solutions are there?

>>57959747
That's actually an absolute garbage way to web dev.

I just got done with a class where we had to build web stuff in groups. I'd generally use whatever the group is comfortable. Easier to just fucking get the work done even if you don't like the language then force all the people in the group who can't into C to use it. Plus all you have to do is learn better syntax.

Also it is way, way easier to get something up and running in python/ruby/php. I get that they might not be "cool" and /g/ approved but they're pretty damn good for web stuff.

Most C frameworks are just for fun projects guys do. But that's still cool you did it in C.

>>57959787
is there a non-shit book for learning web dev?

>>57959884
I'm probably not the best to ask but it depends on what you want to do.

Do you know any other languages besides C?
If not then look under >Learning Materials
and learn some html/css shouldn't take long to get the hang of it. Then pick up a language like python and get familiar with it. After you have the basics of it down pick up a web framework in your language of choice.

>>57959944
Anyone use PLACK/PSGI? I actually have used perl a few times before and was wondering what the general consensus on it was.

>>57957325
Yea boi.

I do this on ALL of my personal projects(except I use sublime)

I'll use whatever trash framework a company wants me to use though, but it will never be as comfy as vanilla.

>>57957749
>I hope that next time you go to your hipster artisan beard grooming salon with your fair-trade kombucha latte, I hope that the barber accidentally slips and stabs you in the neck.
Stealing this.

>>57957749
Also this is 100% my argument.

My most popular website has 34% of web traffic coming from mobile and 1.6% from tablets.

anyone know how cordova is with the swipe feature?

Is it supported widely enough to use?

What is the best toolkit for front-end JS to start doing simple things like implement tetris on an html page?

Tips please anons thanks.

I still cant figure out how to use gulp and watch sass on windows to update my html and scss files to update the page in real time

File: gulperror.jpg (119KB, 1013x343px) Image search: [Google]

119KB, 1013x343px

Hey Team /wdg/

My Gulp keeps crashing every other file save, while watching. Can anyone tell me why? My SCSS is fine.

I'm new to build tools so I'm not sure if this is what I should expect, or if my gulpfile.js isn't piping properly.

>>57960974
It's great until it stops working, see >>57961157

>>57961157
why the fuck are you still using gulp when webpack 2 is about to come out

React question:

Is there a lifecycle method to detect when a container's children change?

>>57961758
you would use redux/mobx for that i think

>>57924927
Best language to replace PHP?
Going to rebuild an old website written in PHP and im not shure what language/framework to use

Does flexbox not work on the old stock android browser? I used all the prefixes but my layouts are fucked up

>>57962679

Depends on your personal preferences and the specifics of that site.

If it's small and you are a JS god, you could make a single page app with Node and Angular2 or React/Redux.

If you want a classical server side MVC you could use Ruby on Rails. Or if you prefer Python try Django. Rails and Django also have their "little brothers" Sinatra and Flask.

There's a lot of nice frameworks out there, just pick your poison.

File: Screenshot from 2016-12-12 15-36-30.png (25KB, 728x134px) Image search: [Google]

25KB, 728x134px

how do i access a database with php?
i made the database with mysql workbench because i am a lazy scrub

>>57963362
it's called mysqli_connect now or something. They keep changing names because php is so broken.

>my_sql_real_escape_string_v2_electric_boogaloo

>>57963362
you need to install the mysql driver.

basically, you're fucked.

So what is the quickest any of you went from useless beginner NEET to employed webdev?

How hard is it to make it without college and learning on your own?

>>57963625
i met this guy in IRC during my first year of uni.. he needed a dev and i've been programming since middle school so i figured i could help him out

he was a total asshole who ended up exit scamming but i did meet some friends in my time working for/with him

a couple years later i ended up getting kicked out of uni for poor grades, and around the same time one of my friends from the previous job asked me if i wanted to help out with another, similar job he had, so i figured i may as well take some time to work before trying to increase my GPA to get back into school

spent the next 8 months writing a website, we ended up making over a million USD (the industry is a bit grey-area and very, very profitable if you know what you're doing)

i only got 10% of the profits, and they sacked me and took my code when i asked for more, so here i am re-applying to university with an extra 100k in my pocket.

feels like it all just fell on my lap, i guess i'm pretty lucky

>I had the same issue with Godaddy's shared hosting. Without any warning they shutdown my support and redirect application. It was a bit of a shock since all my affiliate redirects were handled by that application. It took me three days to get it back online. For me it was quite a wake-up call and reminded me never to place the faith of my business in the hands of one provider again. My traffic was far below Godaddy''s limit, but the 10-17k requests to the database took up to much CPU power.
in this context, are they talking about 10-17k database requests by a single user, or by all users combined over a period of time (like a day)?

>>57963752

Pretty cool, but I doubt this is a "typical" WebDev story.. I might be wrong, though. :)


>>57963625

Depends on what you are doing and how good you want to be. Depends a lot on your personal programming background, how much time you have to learn, how fast you learn..


But to make it simple and stupid:
With average conditions you need about 1 year to be employable.

A few weeks to month to pick up the basics (HTML, CSS3, JavaScript).
A few month to learn one backend of your choice.
A few weeks to learn all those tiny stuff on the side: client-response modell, reading RFCs, YAML and JSON, Git, ...
A few months to learn all those JS libraries and frameworks like jQuery, Bootstrap, Jasmine, Webpack.
A few weeks to learn about databases.
A few weeks to learn some frontend basics (fonts, colors, desing,..)
A few months to learn Vue, React or Angular2.

A months to make "bb's first site".
A month to make it better.
Two months contribution to open source projects.


I know this is not very precise, also a lot of stuff happens at the same time (i.e.: learning react while develloping your personal site). But all in all it should be about 1 year from the scratch.

>>57964015
shared hosting is shit-tier dude
i've heard several stories like yours, with different hosting companies too

>>57964063
10-17k database requests by a single user is unreasonable. the stories are when people do e.g. mass email sendouts which hog the entire server for minutes at a time. for light usage i'm not convinced i need a cloud hosting plan.

>>57964112
the issue is that once you reach their "limit" (which is defined by "fair usage" and not in any technical terms) they shut down your service without warning, no questions asked

shared hosting is not for important shit

>>57959884

what are you talking about? you dont even need a book to learn a lot of things. There's this thing called the internet.

>>57963362

w3schools.com and check out the PHP section.

SQLite is easier, IMO. Ditch MySQL all together.

>>57963625
>How hard is it to make it without college and learning on your own?

Very hard, probably unless I'm doing it wrong.

I've known javascript for 15 years and can't get entry-level.

>>57964488

yeah you're definitely dun goofing

>>57964559
Few things I realized:
>forgot to attach cover letter
My resume has basically military on it and that's it.
No different than someone applying from a McDonald's background or anything else.

>My portfolio is almost empty
It's full of fully launched projects currently generating money, but they just see "Oh...3 projects...retarded timmy from TWU has 313 projects so he's the better choice"

I think those are the only places I'm goofin at.

Working on a virtual tour guide using three.js, google street view API, and a library I made which smooths gyroscope input because my phone's gyroscope is trash.

File: 1472150793669.jpg (41KB, 540x540px) Image search: [Google]

41KB, 540x540px

I'm making a prototype in HTML and want to generate random user data (name, age, location, profile picture). So the first time I open the HTML page it's already generated. Then I click on the "next" button and it generates another random user instead.

What is the easiest way to achive that? I found faker.js but I have no idea how to make it work on my HTML file.

>LaunchCodes quizes

Jesus Christ. Reading through the problem half a dozen times and I still don't understand what it's supposed to do.

>>57964771
How much experience do you have with Javascript/Web Dev?

>>57964824
I'm currently learning Javascript, that's probably why I have those difficulties

>>57964857
Looking at the documentation, you can generate a name, for example, with:

faker.name.findName();

You want to put that in your HTML, so you need to use DOM methods. DOMs are very important.

Very very simply, if your HTML looks like:

<div id="name"></div>

(note, the "id = name" part)

you can alter the HTML inside that tag like this:

document.getElementById("name").innerHTML = "hello world!";

This means: "Get the element whose id tag is equal to "name", and then set its inner HTML (the html INSIDE the tag) to "hello world!"

so, after the javascript, the html might look like:

<div id="name">Hello world!</div>

so, if you want to insert a name from faker, you can do:

document.getElementById("name").innerHTML = faker.name.findName();

Which might produce:

<div id="name">Ronald Grump</div>

How do I start contributing to Open Source projects? All those frameworks seem way over my head and the stuff that I could contribute to seems mostly done.

>>57964940
Thanks a lot for the help, I appreciate it.

>>57964963
Go to a project and look at the bug tracker. Fix the bug on your own machine and try to commit it to the repo. If it's good, it'll get approved

>>57964986
Also, you can use dom queries on any type of element, not just ones with "id = " set to something.

In css, you can define a class with

.myclass {
    /*some css*/
}

and create that element with

<div class="myclass"></div>

but because there's no id tag, you cant use

document.getElementById()

because there's no ID!

so, you can use

document.querySelector(".myclass")

note that you use the same syntax for this as you would in css (classes begin with a period, `.`).

This will return the first instance of that element. However, if you want to select elements with that class, i.e: your HTML looks like this:

<div class="myclass"></div>
<div class="myclass"></div>
<div class="myclass"></div>

Then you can use

document.querySelectorAll(".myclass")

Which will give you an ARRAY of these elements, and you can use whichever ones you want, including ALL of them.

---

A lot of these queries are simplified with the most popular JavaScript framework, jQuery, which a lot of people here will criticize you for using because it's big and bloaty, but a lot of the web uses it, and for many jobs, knowing jQuery is important

>>57964488

What is it that you know about javascript? it's bizarre to say "ive known javascript for 15 years but can't find entry level work". Something is wrong here. Do you know back end? it seems people are obsessed with JS, but it really is mainly just a front end thing. Node allows you to do back end with JS, though i don't know if it's high on the list of things to know when trying to get a job. Learn php, python, SQL. I've never seen a job posting for a "javascript developer" that didn't require other things too.

When going through a multidimensional array, is it common practice to use i and j?

or in nested for loops?

Trying to figure out what this question thinks j is coming from

>>57965156
I know.

15 years ago I was 12, so that makes it considerably less weird.

Even less weird once you consider I joined the military because public education failed to inform me that college wasn't just for people with scholarships or with paying parents.

So you really have only 4 unexplained years where I was living off savings, working a part-time job, and drinking beer.

>>57965156
but also yes, I know PHP and SQL and everything related to SQL including nosql. Only 3 years experience in those, but have passed placement program tests with PHP.

>>57965164

Yes it is.

For "throw away" variables it's a best practice to use logical groups like that:
i, j, k
x, y, z
a, b, c

Mind that in most cases you will probaby iterate through 2 or 3 variables, but sometimes you have two seperate iterations:

// source
for (i in [...]) {
  for (j in [...]) {
    
      // target
      for (x in [...]) {
        for (y in [...]) {

          // test
          if blah[i][j] == blahblah[x][y] then GTFO
}}}}

>>57965271
Thanks.

Anybody have experience with using Google's OAuth 2.0 API w/ the YouTube Data API scope? I've been stuck with it for a while now.

I'm trying to implement the Google login as described here https://developers.google.com/identity/sign-in/web/ and when I use the YouTube Data scope from here https://developers.google.com/identity/protocols/googlescopes#youtubev3 it gives me a selection screen when I try to log in showing all the channels associated with my account.

This is what I want to happen, but when I select a channel other than my actual Google account with an email address, it returns 'USER_LOGGED_OUT' and 'No active session found.'

When I select my Google account with the email it works just fine. I'm not sure if it's a limitation with the API or I'm missing something. I've looked through all the documentation and can't find anything regarding it.

This is the code I'm using with the login button currently and with the scope I'm using. If somebody could at least point me in the right direction that'd be cool.

function renderButton() {
  gapi.signin2.render('my-signin2', {
    'scope': 'https://www.googleapis.com/auth/youtube',
    'width': 120,
    'height': 36,
    'longtitle': false,
    'theme': 'dark',
    'onsuccess': onSignIn,
    'onfailure': onFailure
  });
}

>>57965271
When I first started programming, I used Q instead of K, because Q felt more natural to me for some reason, and people in /dpt/ were pissed

I'm so fuckign retarded.

I thought the TEST LINK was to test the service, not the actual test.

What the fuck, why would it tell me to familiarize myself god dammit

>>57965199

I don't think your c.v. is the problem here.
OK, some people might like military or not, but to me it sounds the problem is more aoubt your actual experience..

Two issues here:

1. You need projects as references. How many websites have you actually build (and on your c.v.)? Today most HR people look at the GitHub account. If they see you contributing to 10 differnt projects they will rate you higher than if you only have one small project.

2. The last few years was a lot of new technologies. Node, Webpack, React.. You need some proficiency in SOME current frameworks (not all of them!), or nobody will take you seriously. With some PHP + JS from the last century you won't get a job unless you are really an experienced hotshot.


To break it down, companies want people that:
a) are smart (enough)
b) can get shit done

Most people that don't get a job have problems in one of that categories.

Category "a)" doesn't necessarily mean to have a CS degree. It's also about being able to explain things, about making conversation, about understanding what you have to do. If you have no degree you might think about putting some stuff on github about data structures (i.e. doubly linked list), desing patterns and so on. Not a "must", but might help your case.


Category "b)" mean you are not someone who keeps on talking but you can actually produce things. Making a website is not only about "I know JS", it's also about "I can get a customer", it's about "I can plan (and keep) a schedule" and also about "I can deploy my baby into the wild". This is crucial since it tells a lot about wether you ready to action (= hire) or not (= no hire).

You're welcome, good luck.

>>57965199
I personally would give preference to someone in the military if I was a hiring manager, but I think a lot of tech types don't care much. I think you should work on a lot of projects

Even though I thought it was a practice test and left for about 45 minutes of the hour and a half given, I think I passed the launchcode test.

Did better than I did last time when I used PHP and passed back then.

Is vue just a meme or does it have a chance to replace React?

>>57965421
I'm definitely category b.

My github has 2 things on it, but they are pretty alright. I just don't have the time to do it for free when I have half a dozen projects lined up. I'm launching one before the 1st for instance.

Quick question though, what's the appropriate way to link websites on a cv?

>>57965492
I agree. I should.

>>57965942
I think so. I really like it but I'm also very susceptible to meme technology.

More often than not, meme technology is getting hyped for a good reason.

>>57965942
>Is vue just a meme
Everything's a meme, anon

>does it have a chance to replace React
React isn't going anywhere as long as facebook is behind it. That doesn't mean there isn't room for other frameworks though. Vue is comfy and definitely worth using over react in some cases.

>>57966045
>Quick question though, what's the appropriate way to link websites on a cv?
I have a link to my personal portfolio site which has examples of my work on it.

>>57966158
>personal portfolio site
I really need to make one of these.

>>57924927
>funfunfunction

I can't stand that guy

professional HTML and CSS programmer here, ask me anything

>>57966988
Wow.

aap kaise itane chaalaak hote hain?

js noob here
what is the best way to rename keys in js objects
I only read about adding a new one and deleting the old one, but this seems weird

>>57967567
for what purpose?

>>57967619
for a camp challange

Alright I made something that is really terrible and 100% percent useless but whatever.

https://nopickles.github.io/FreeThrowSim/

It is a free throw sim where you can watch terrible ft shooters.

Open to criticism about bad practices and such.

>>57967738
>camp challenge
Are you paying $50,000 for a pajeet code bootcamp?

>>57967567
This seems like an odd thing to do. Why would you ever need that?

But I'd probably turn the object into a string, do a string replace and parse it back to json.

>>57967766
https://github.com/NoPickles/FreeThrowSim

>>57967567
obj[newKey] = obj[oldKey];
delete obj[oldKey];

>>57967800
no it was just about 20.000

I'm using xmlhttprequest. The api I am sending to will lock me out if I send requests too quickly.

I need to pause each time I send a request and wait until I receive a response to send another. How do I do this?

>>57968068
timed loop checking for boolean.

Set boolean on request success.

>>57968068
make a global object array to put your requests in and a timer every x seconds that shifts the first one out.

>>57968116
I tried to do this. It send them all then seemed like it waited after all were sent to actually do anything and then it failed. It was odd.

>>57968068
On the success, recall the xmlhttprequest function.

>>57968068
recursion and setTimeout

So what is the magic number for the number of projects needed to put in your portfolio? I was going to shoot for four but now I don't even know.

3 - sites (one multipage using foundation and one using bootstrap, one easy single page site)

1 - simple php project

None of these are real sites though just updated student projects... Now you guys got me thinking I'm fucked.

>>57968699
>>57968699
>>57968699
>>57968699

New thread boyos

>>57968695
I did a bunch but put 3 on my cv

>>57963752
What types of websites today can get such revenue and from what? I haven't even been thinking about making something by myself because I have no idea what could people even use that doesn't exist already. I basically abandoned all hope in those kind of things after a first year of uni.

>>57969533
he said it's a bit grey-area, basically just throw your morals out the window, for example uber which is basically an unlicensed taxi company is literally illegal in a lot of places but they went ahead with it anyway and they've become ludicrously rich for it

>>57969533
>>57969747
you could make fetish porn or something

>>57969787
where would i get a large amount of fetish porn videos for hosting?

>>57970435
make it yourself

get people on craigslist or something idk

like "british upskirt panty pervert" he's making his dreams come (cum) true and he's probably making money off of it too