[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

WEB DEVELOPMENT GENERAL

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 322
Thread images: 39

File: 1487389150972.png (868KB, 822x552px) Image search: [Google]
1487389150972.png
868KB, 822x552px
Previous thread >>58996202

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

>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

>Learning material
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/
https://www.freecodecamp.com/
http://www.w3schools.com/
https://developer.mozilla.org/
http://www.codewars.com/

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

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

>Backend development
https://en.wikipedia.org/wiki/Comparison_of_web_application_frameworks
[Gist] backendDevelopmentBookmarks.md (embed)

>Useful tools
https://pastebin.com/q5nB1Npt/ (embed)
https://libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
https://developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
http://www.programmableweb.com/ - List of public APIs

>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/ (embed)

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

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>>
File: Selection_004.png (188KB, 630x347px) Image search: [Google]
Selection_004.png
188KB, 630x347px
Please recommend some good projects I can work on.


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

My goal is ultimately making a living in WEB DEV, so something that can drive me towards that goal.
>>
>>59005115
To get a job or as passive income?
>>
>>59005115
go google / youtube this shit and start working instead of posting here and waiting around for some fag to post a bs recommendation
>>
>>59005115
You just gave me an idea.
>>
File: gSwzCwi.jpg (15KB, 500x375px) Image search: [Google]
gSwzCwi.jpg
15KB, 500x375px
>>
PHP or Ada?
>>
File: 2.jpg (70KB, 960x960px) Image search: [Google]
2.jpg
70KB, 960x960px
>Spent 1 hour trying to fix my nginx config when setting up SSL certificates
>Turns out, the config was correct, my router just didn't expose port 443
>>
I still use Apache, SSI and CGI. you mad?
>>
File: spoon.png (7KB, 300x250px) Image search: [Google]
spoon.png
7KB, 300x250px
>tfw there are people that use frameworks for fucking CSS
>>
>>59008339
This
>>
I'm writing a shitty Reddit clone in PHP. What are you guys working on?
>>
>>59008566
An anonymous messaging website.

Monetizing at this point.
>>
>>59009010
Sounds cool, what language are you using?
I wrote an Anonymous textboard awhile ago, I'm gonna add tripcodes at some point.
>>
>>59009052
Javascript with a PHP API.

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

It's a neat little project. Not really a messageboard but more along the lines of being able to talk shit about people anonymously.
>>
test
>>
Should I go to the website development company down the street from me and ask them to make my website? I want to run a gaming-related news blog and forum. How much do you think that would cost? Hundreds? Thousands?
>>
>>59009635
Man, that'd cost a whole lot of money. Probably in the hundreds of thousands. You're best off learning ASP.NET yourself and making a blog.
>>
>>59009717
I doubt it would cost more than $10,000 and even that's a pretty unrealistic price.
>>
>>59009814
sounds like you don't know much.
>>
>>59009635
Probably 10-30k for that
>>
>>59006484
I did something similar once
>don't know the default https port is 443
>set up https webserver to listen on port 80
>>
>>59009635
Super varied. My firm is reimplementing an e-shop in a new CMS, and doing some API stuff with third party vendors. Not even a new design, just reimplementation of the same design and IA. Client is paying $42,000
>>
What's everyone's thoughts on cloud9 ide?

Also drinking because too much freelance I got to do for dumb clients who don't pay enough.
>>
>>59009814
I've worked in this field for years I know what I'm talking about. I've seen people pay close to a million for a blog
>>
>>59005100
When I try to join the IRC I get this error.

>#/g/wdg You need to login to services to join or speak in that channel.
>>
>>59005100
>>cheap vps hosting in most western locations
>https://www.heroku.com/
>heroku
>cheap
lol
>>
>>59009635
Shouldn't pay more than 1,200 for a high quality wp
>>
Anyne might now a playlist where someone create a Java EE based website from scratch with a nice design and all? Not just a tiny web app that calculates shit. A real full website.
And if he explains what he's doing during the creation, it's even better.
>>
File: 43243252367437.jpg (7KB, 271x186px) Image search: [Google]
43243252367437.jpg
7KB, 271x186px
>>59005100
Went through freecodecamp's html/css lesson, now doing codeacademy's html/css course. Even though codeacademy is teaching me some stuff that FCC skipped, it is mind-numbingly boring.
>>
Want to link my resume on my portfolio site. After some deliberation I've thought that I don't want my phone number on there, since it's online and anyone could fucking get it. I don't want to make it harder for employers to contact me but my email is on there and honestly if they're seeing my resume, I've already contacted them.

Should I leave my phone number on there y/n?
>>
What are some websites that are useful and don't use third party ads? I'm collecting a list.
>>
>What is the best web development text editor. Right now im using atom, and i would like a /g/ approved text editor.
>>
>>59010909
No. I always take that shit off too and it's never affected me negatively so far as I know.
>>
Having a weird issue where my css isn't working at all.

I have a php script, article.php

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

<?php
include('header.html');
?>

<?php
include('content.html');
?>

<?php
include('footer.html');
?>

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

header, content, and footer are all in the same folder location
>>
>>59011342
Whatever works for you, I use emacs but only because I started programming by learning common lisp and C then later began my career as backend monkey programming golang code.
>>
>>59011406
This shouldn't happen.

Upload a git so I pick through it.
>>
>>59011342
Sublime is sublime. I've used notepad, notepad++, brackets, and sublime. Sublime is pretty nice besides the extremely annoying "HEY THANKS FOR USING SUBLIME PLS BUY" popup after every 10 saves.
>>
>>59010452
>Client is paying $42,000
How long does this take yall to pump out?

A week? Considering that's not even a web dev salary it's not as crazy as it looks.
>>
>>59011342
Atom. Don't listen to the autists.
>>
File: 1455651601137.jpg (30KB, 500x359px) Image search: [Google]
1455651601137.jpg
30KB, 500x359px
>>59011451
>doesn't use a serial or patch the program
>>
>>59011342
I dont mind brackets. the live view thing is pretty shit tho. jslint is also cancer. other than that it is nice :)
>>
File: S 2017-02-19 at 06.29.25.png (309KB, 502x487px) Image search: [Google]
S 2017-02-19 at 06.29.25.png
309KB, 502x487px
>>59005100
I need help with duplicate event listeners and AJAX pages. I basically have a module that binds all event listeners when loading the page, so after loading new content, that module has to be run again to bind the corresponding new items. However this ends up in a nightmare of event listeners bound to older instances, and duplicate events listeners.
>>
>>59011377
Cool I was really sweating over it maybe a little too much desu. Thanks for the reassurance.
>>
>>59011756
I can't risk this computer.
>>
>>59012153
What fucking risk?
>>
>>59012158
Is it registry edit?

If I can bypass an antivirus then some 12 year old russian can.
>>
File: iuZu2eL.png (512KB, 585x353px) Image search: [Google]
iuZu2eL.png
512KB, 585x353px
>>59012695
It is a fucking serial key.
>>
How is this thread this dead?
>>
>>59012713
Then send one. The algorithm to generate serial keys can be made in php or even javascript. Why would I download something to do that?
>>
>>59012742
Not a lot of web devs.

Which is odd because finding a job in web dev took me a fucking year.
>>
File: my-sides.jpg (73KB, 640x460px) Image search: [Google]
my-sides.jpg
73KB, 640x460px
>>59012695
>>59012713
>>59012837
Just patch the binary. Sublime's registration can be bypassed by changing a single assembly JNE to a JMP

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

>mfw I suddenly realize this is the web dev thread
>>
>>59012870
Of course I can program. My worrying about torrenting a keygen should say as much and more if you knew what you were talking about, random ass nothing programmer.

I didn't look into cracking sublime. No.
>>
I'm currently in education but I'm looking for a career change. My boyfriend suggested that I look into webdev. He says that women have a leg up because companies have a vested interest in employing women over men as long as the women are capable of doing the job. Can anyone recommend a few resources I can use to get started and get an entry-level position in the field within the next few months?
>>
File: 1468002839909.gif (1MB, 245x280px) Image search: [Google]
1468002839909.gif
1MB, 245x280px
>>59012999
>I didn't look into cracking sublime.

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

Just another code academy web dev babby
>>
File: girl_coder.png (1MB, 1357x1281px) Image search: [Google]
girl_coder.png
1MB, 1357x1281px
>>59013015
look up #kode with karlie

her skills will empower you to have any tech job you wish
>>
>>59011406
>>59011444
Okay I located the problem.

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

The bottom of my CSS file has been cut off. I think I may need to turn apache off and on again.
>>
>>59013033
Nice meme kid. I'm looking for actual advice. I've probably been on 4chan longer than you btw.
>>
File: 1464190535450.png (114KB, 766x664px) Image search: [Google]
1464190535450.png
114KB, 766x664px
>>59013033
>>
>>59013033
A 5 minute skim read of basic terminal commands would go a long way with this one.
>>
>>59013053
>>59011444

Okay solved it.

Google chrome wasn't updating the cache.

I had to add <?php echo time(); ?> to the href of my css reference as in:

<link rel="stylesheet" type="text/css" href="css/base.css?<?php echo time(); ?>"/>
>>
File: 1466280574231.png (356KB, 454x603px) Image search: [Google]
1466280574231.png
356KB, 454x603px
>>59005115
>>
>>59006484
Oh God been there done that... Lucky it only took you an hour, I've spent much more than that trying to configure nginx because I'm too lazy to study on how to do it properly
>>
File: madass.gif (2MB, 320x240px) Image search: [Google]
madass.gif
2MB, 320x240px
>>59013060
>I've probably been on 4chan longer than you btw.

I bet you weigh more than me too ;)
>>
>>59013136
...she's changing directory and doesn't know where her directory is. That has nothing to do with knowing the commands. Do YOU know the commands?
>>
>>59013015
No. A few months is not enough time. Chase your ambitions, not the fictitious ideological idea of workplace equality in fields that are not gender equal due to lack of desire.
>>59013019
Cute. I'm not the best programmer but I always get the job done.
I spent my teens pretending to be 13/f/ca on AIM infecting pedophiles with an inhouse RAT. I have more kills. I have also been here for over a decade and know when I see a troll that knows nothing and thinks he's onto a good one. I made you read this entire post in more time than it took to write on mobile. Kindly kys or get root and send me a pizza in Taiwan.
>>
File: compilerwarning.jpg (68KB, 461x588px) Image search: [Google]
compilerwarning.jpg
68KB, 461x588px
>>59013176
>>
File: ew.gif (2MB, 380x285px) Image search: [Google]
ew.gif
2MB, 380x285px
>>59013241
You're the first person I've ever heard who thinks this (really, really old) screenshot is actually legitimate code. I'm kind of shocked and hope you're just playing devil's advocate.
>>
>>59013271
>No. A few months is not enough time
Anyone have false.jpg with Dwight Shrute?
>>
>>59013286
What are you talking about? The point of that image is to criticize her for what she's doing in the terminal, which is stupid and embarrassing (in terms of PR, anyway) but has nothing to do with le ebin can't code etc. She's just cd'ing around.
>devil's advocate
By pointing out the truth?
>>
>>59013312
I started to type out a real response but I"m too tired to deal with this lmao. I can tell you believe she's a Real Coderâ„¢ and I do not, and neither of us are going to change our opinions, so good night.
>>
>>59011342
keep using atom. after it freezes on you for the first time, switch to vs code
>>
>>59013340
>I started to type out a real response but I"m too tired to deal with this lmao
So basically you don't have an actual point to make and instead just want to bicker about unrelated shit?
>>
>>59008566
>What are you guys working on?
Playing aroung with vue.js routers:

https://github.com/liquidnuker/tf_js_vue-router_namedViews1
>>
>>59005343
JOB.
>>
File: hospital.jpg (165KB, 802x600px) Image search: [Google]
hospital.jpg
165KB, 802x600px
Question, as I run my app,
npm start dev


how do I make automatically open a browser w/ page?
>>
>>59013781
Blog is sufficient.

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

When I started I had websites with more traffic than the recruitment websites. They dont care. They just care about your ability to program. So impress them with that instead of your passive income. Thats my advice.
>>
http://www.asmarterwaytolearn.com/js/index-of-exercises.html

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

Also, I hate CSS, but I still want to get responsive sites right just in case. Is there a really good video/tutorial you recommend, or is it just a matter of practicing?
>>
>>59013797
something to do with scripts: {} object inside the package.json

I think you could put an .exe path inside those + other things as well
>>
>>59014079
google "github js exercises" for more advanced tests
>>
>>59013730
Looks nice man. How long does it take to learn vue.js?
>>
>>59012048
Use angular 1/react/vue etc or remove the complicated client side logic in favour of server side rendering. Don't reinvent the wheel, somebody has already done what you're trying to do and chances are they're doing it better
>>
>>59013797
Browsersync or webpack dev server
>>
File: places table.png (109KB, 1707x663px) Image search: [Google]
places table.png
109KB, 1707x663px
So I have a table like pictures related.

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

q=06511
q=New+Haven+CT
q=New+Haven,+CT
q=New+Haven,+Connecticut
q=New+Haven,+Connecticut,+US
>>
>>59014378
use jQuery
>>
>>59014378
LIKE ()
>>
>>59014411
I'm using python/flask to return a json parsed result like this:

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

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

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

return jsonify(query)
>>
>>59014500
Heh. you suck.

https://cz.linkedin.com/in/pmusil
>>
>>59014500
if you want to filter at SQL level (which you always should), you want to add something like >>59014499

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


granted, if you can split GET into different parts, like
?country=US&place=Sand+Point&[....] it'd work more reliably
>>
>>59014569
though at least MySQL would need something like this
WHERE place_name LIKE '%placename%'
so I'm not sure if you'd need the % with your escape stuffs or not
>>
>>59014569
He should be figuring out what the search is asking before bothering to query.

Seeing the row count in this db and that he has to seek help on a basic search is really bothering me.
>>
>>59014564
Are you linking your linkedin profile? I can't view it since it requires a linkedin profile to see that page.

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

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

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

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


Since the user can search for different things, postal code, city etc I need to somehow parse the search query and then do the SQL query accordingly.
>>
Hey, not really web-related but how hard would it be to set up a database containing:
>for each folder on a drive, the size of the contents of that folder
>when this was last checked
>>
>>59014776
>>for each folder on a drive, the size of the contents of that folder
>>when this was last checked
Oh, and also a list of the contents of that folder.
>>
Does anyone know mustache JS?

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

            <template id="tabTemplate">
<li role="presentation" class="active">
<a href="{{???}}" aria-controls="{{??}}" role="tab" data-toggle="tab">{{??}}</a>
</li>
</template>


I want to put something like positionNames[gridTab.length] in there, but I don't know how to get that working
>>
>>59015562
>{{{{{curly lisp}}}}}}
>>
Recommend me a css library with good classes for table rendering, css is like moonrunes to me.
>>
>>59008566
a price tracker engine
>>
>>59012048
use event delegation
>>
>>59011451
why don't you just pay for it and support the developers
>>
>>59011406
Please, NEVER use PHP like that.

If it has to be PHP, use a templating language like twig instead.And use some PSR7 compatible request object (Like Symfony's) instead of header and echo.
>>
>>59010538
http://superuser.com/questions/106965/how-do-i-identify-with-services-on-irc
>>
>>59014136
How do those handle events though? I need some type of pub/sub that checks if an event listener has already been added before adding new ones. Alternatively, one that removes them before running the init function, so the init function binds as expected.
>>
>>59013271
>Chase your ambitions, not the fictitious ideological idea of workplace equality in fields that are not gender equal due to lack of desire.
Do you have any reading comprehension? She never even implied that she has political motivations, just that the current political climate makes it easier for women to get into webdev if they want to.
>>
File: 1190142909893.png (37KB, 611x206px) Image search: [Google]
1190142909893.png
37KB, 611x206px
my github is empty, so I'll need to make some kind of web application to put there for potential employers to see. I have no imagination, so I'll ask you for ideas instead: what should I make?
>>
>>59016250
Ajax live table with string match search for every column
>>
>>59016250
What is the usual way of choosing a github username? Should it just be your full name?
>>
>>59016426
I just chose the initial of my first name followed by my surname
>>
>>59005100

What's is the difference between a serious web developer and a pajeet?

I ask for A FRIEND, who gets along with his Ruby on Rails skills, he's halfway decent with SQL and of course has some average knowledge about HTML/JS/CSS (read: jQuery / Bootstrap).

But how do you get to the next level? How will people take you seriously and employ you? What should be my roadmap?

Currently thinking about putting effort in getting beastmode in JS/ECMA, then Node and then getting on the React bandwagon meme.


Thoughts?
>>
>>59016426

console.log(
["Cunt", "Ass", "Bitch", "SJW", "Anal"][Math.floor(Math.random()*5)] +
["master", "slave", "sucker"][Math.floor(Math.random()*3)] +
"_" + Math.floor(5000 * Math.random())
);
>>
Am I right in thinking I can create a multidimensional array in js via
var test = [    [test1, test2],  [var1, var2]   ]

And I just can't access it without creating or installing something to access it?
>>
>>59017492
I retract the last line of my post. My browser was cacheing.

So is that assigment just acceptable as it is?
>>
Imma qml fag, but you js dicks can probably help me. I need to create some components dynamically, but I'm having this message in logs.
> QQmlComponent: Created graphical object was not placed in the graphics scene.
It works well but Im still worried about that log warnings. My code is like
>var base= Qt.createComponent("dicks.qml");
>var component = base.createObject(MyAwesomeId);
>MyAwesomeId.addItem((component))
>>
I'm collecting oneliners because I love oneliners. My list only lacks node oneliners. Is there something like awk1line/sed1line/perl1line for node or related?
>>
>>59017566
>>59017492
Works fine. I just played around making sure it worked, just seems a bit awkward.

for instance
var test = [ ['a', 'b'], ['c', 'd'] ]


then doing something like
test[0][1]


would return

"b"
>>
>>59010574
bumping this
>>
noob here
i need to connect my site with an api from a different domain that has to recieve user and password (which I have).

Php has failed me (the api is not a database)
any ideas?
>>
>>59017635
Thanks, I'm not going crazy then. Javascript does in fact support multidimensional arrays.
>>
File: 1486899492716.jpg (134KB, 700x1289px) Image search: [Google]
1486899492716.jpg
134KB, 700x1289px
Every time I start a project, I seem to get the basic RESTful/CRUD functionality down, then add some extra tidbits and end up a little while later, leaving my projects half done.

Now I'm just feeling bored whenever I go back to these projects or even think of starting a project. Its not that its hard or anything, I just can't seem to get past a certain stage after the basic functionality is down.

Anyone else have this problem? I would like to finish projects, but all the small ones I start aren't that exciting, and the bigger ones are out of scope.
>>
>>59017747

Well, do some medium sized projects then.
>>
>>59017945
:^)
>>
>>59017747
It's so great being employed. I never even really have to think of projects. They just say "I want something nice to display this" and then the creative juices flow.
>>
>>59018076
I think that's where I would do well, is if I had a strict end goal in mind. I've been looking for jobs in my city, but since where I live isn't too techy, there aren't a lot of programming jobs available yet, or they say like '5 years of .NET required, BSc in Comp Sci'

Just gotta ride this out until I can move to a better city I suppose
>>
>>59015966
So everything bound to document.body?
>>
>>59017976

OK, because you posted such a heartwarming emoticon (haha, that caret nose!)..

It seems like your problem is just to finish things. Maybe do a smaller project but with one/two interesting gadgets and try to finish it as thoroughly as can be.

Or maybe write specs about the entire functionality, so you can precisely see what's left to do?

Don't know..
>>
>>59017641
PHP wouldn't fail you.

An API ISNT a database btw.
>>
>>59018105
>where I live isn't too techy
This is a godsend anon. Get out there and look for companies that haven't even considered setting up a website or have a barebones website. If there aren't many web dev jobs available it means you are surrounded by people that probably need you and don't realise it. I am working for a company that had a fucking Dreamweaver site before they hired me and they only met me because some 3rd party happened to mention to their CEO that they knew somebody that could web dev.

Just cobble some template sites with flashy looking baby level js functionality to act as a portfolio.
>>
File: 1486780084925.jpg (68KB, 906x1086px) Image search: [Google]
1486780084925.jpg
68KB, 906x1086px
>>59017641
>i need to connect my site with an api from a different domain that has to recieve user and password (which I have).
>>
File: cory.jpg (52KB, 598x511px) Image search: [Google]
cory.jpg
52KB, 598x511px
Beginner here, how do I get Django to save items into database?
I currently have a page that displays my IP and user agent, a model that has created a database has a table that holds IPs and geolocations, and a table that holds user agent and timestamp-info for each of those connections.

Do I just modify the views.py to somehow make the entries into the database as well as displaying them on request?
>>
>>59017641

A simple post request will do..

POST /users/login HTTP/1.1
HOST: www.example.com
Content-Type: application/x-www-form-urlencoded
Content-Length: 25

username=Anon&password=12345
>>
>>59018297

Sorry, it's 28 characters here..
>>
>>59016030
Care to explain why or send me a link which explains why?
>>
>>59018180
That's what I've been thinking of doing. I'm not much of a designer, but I've been working on trying to get a little better at it so I can message companies and see if they want a 'modern' website.

But yeah, maybe I should just start a portfolio. I'm going to finish this little chat application I started, and maybe that could be the first on the portfolio

>>59018161
Sorry if my emoticon was a little passive aggressive, but the post I replied to was a little silly to be taken seriously.

I'm going to start on a smaller application and finish it, then work my way up. I'm at a weird place in my learning where things seem either too big to be accomplished or too small to be worthwhile and fun
>>
>>59018409
I'm told that larger companies have a hard on for frameworks but from what I have personally experienced smaller companies with perhaps nonexistent web departments really just care about flashiness. They don't care about how it works under the hood as long as you have something that looks fancy so they can show it off.
>>
Can anyone help me, with my project I want to know if there is a "Better" way to add/delete the tables than I currently am, which is by having a bootstrap tab, and adding a table adds a new list item.

Secondly I want to know if anyone knows why when you press the add button, and you switch to the tab, I can't highlight the grid, when I can on the tab/grid that starts there.

https://jsfiddle.net/egae2wnr/8/
>>
>>59018584
Also added note, if they are completely offline which is unlikely given the year we live in. SQL is an absolute must but if you can get them online internally you can basically create a job for yourself that is indispensable.
>>
>>59018113
nah, bind it on whatever div contains the stuff that is changing.
>>
>>59017021
that's a good plan. node/react have a lot of jobs right now
>>
>>59017747
in web dev, the fun stuff is learning and trying out new things, but the reality is a lot of it is boring. just have to power through it. or think more about the projects you're doing. might also help to work with someone else, you can keep each other honest.
>>
Need help guys, not sure what I need to do next.

What I've done so far:
I parse chatlogs from a website and count the emotes for every day. I then save these emotes by day on a database like this:
{ date: 2017-02-19, emote1: 152, emote2: 69 } 


What I want to do:
Now I want to present stats from all the shit I've saved ( liked how many times was a specific emote used).

Can I do this in a smart way, other than going through each table and adding it up manually (that's going to take a very long time when I have over 300 entries on my db). I have no experience whatsoever with databases so maybe there's some magic you could do that I'm not aware of.

I'm using node.js and mLab as my db if that matters.
>>
>>59019116
not sure if it's a good idea to do this through the web interface, use mLab libraries for your favourite programming language and export the statistics that way?
>>
What is peoples favorite JS/Jquery learning method

I keep hearing about ES6, is it something you learn seperatly or while you learn JS from up to date sources?
>>
>>59019557
>What is peoples favorite JS/Jquery learning method
I look at it and try to get as far away as possible.
>>
File: winky man.png (261KB, 318x404px) Image search: [Google]
winky man.png
261KB, 318x404px
>>59019557
>What is peoples favorite JS/Jquery learning method
w3schools and Google.
>>
File: weew.png (45KB, 1315x641px) Image search: [Google]
weew.png
45KB, 1315x641px
Why aren't more people making progressive web applications with service workers caching requests for offline access and web push ?
As i researched documentaion for my retarded personal project i seemed like it got some hype around 2015 or something and then pretty much died off.
Web push and notification apis seem especially underused for some reason.
>>
>>59020872
Offline use is definitely something worth looking into. Push/notifications are the new pop-ups. Obstrusive annoying crap.
>>
>>59020909
>Obstrusive annoying crap.
since you have to actively tell your browser to accept them for a specific app they don't seem as obstrusive as regular mobile notification
>>
>>59019116
why don't you maintain an alltime table that you update along with the other day specific ones ?
>>
>Google still hasn't implemented a browser-level microtransaction system tied to Google Play for easy purchasing

Why? No one wants to log into paypal to buy shit. You should be able to click a button and put in a pin to send money.

I already emailed this to them and the only downside I see to this is people who get RATed, but that can happen on Android and Android already has this system.
>>
>>59020872
Because IOS doesn't support it and neither does IE/Edge.

Edge is currently implementing it, apple doesn't seem to want to because MUH APP STORE REVENUE.

So no matter how much you insist to your boss how much service workers improve responsiveness, reliability (when connection is flaky) and enable offline and add to homescreen with exclusive mode, when he finds out that it won't work on his iPhone or iPad, he won't want it.
>>
>>59021232
https://developers.google.com/web/fundamentals/discovery-and-monetization/payment-request/

We don't need more non-standard shit.
>>
>>59021999
aren't chrome and firefox available on ios ?
>>
>>59022063
Not really. It's just safari with a different skin.
Apple doesn't allow other browsers on the app store for some jewish reason.
>>
>>59022087
dayum
well all features still aren't 100% implemented on ff anyways and specs seem prone to change
i just hope once every major browser except safari implements them they'll cuck themselves into doing it as well
>>
>>59022228
Apple just does their own thing. The other browser vendors are cooperating and answering community questions together, but apple refuses.
Safari should be fast and power efficient enough to not make IOS users riot, but it should not make native apps obsolete, it seems.

And apparently, as long as IOS won't support service workers, there will be no offline web applications. As long as there will be no offline web applications, Apple faces no pressure from its customers to implement it, due to websites giving "Whoops, sorry, IOS can't to that, maybe you can borrow your friend's Android phone or get a $50 Windows Phone to experience this feature ?;)" messages.
>>
>>59022308
Maybe no commercial offline applications but i'll be sure to use it as often as possible on my autism projects
It's our duty as gentoomen to make iphone users reconsider their life choices everytime we get the chance
>>
>>59022388
Good luck, anon.
>>
Post projects.
>>
>>59008566
shitty twitter clone in php/laravel
>>
>>59023967
I'm doing this too, but vanilla javascript and php.
>>
>>59023998
Why vanilla php? Just make a sort of practice framework with logins and routing and stuff to start then use an actual framework, no one builds stuff up from the ground up IRL and all the authentication/security stuff it's much better to use a framework for especially for new people.

Actually doing and testing stuff stuff without all the help from laravel would be miserable, and there isn't really a reason not to use it once you have some understanding of how frameworks are made in the first place.
>>
File: bbs.png (20KB, 714x799px) Image search: [Google]
bbs.png
20KB, 714x799px
>>59023829
This shitty textboard. Working on adding tripcodes to replies right now.
>>
>>59023829
I am botneting myself to monitor the desktop applications i'm using and websites i'm browsing in order to print nice productivity graphs and sending myself notifications to go on a break / go back to work or just stop slacking
I made a basic server, web and desktop client so far. Now all i need is to implement server side business logic and the browser plugin to log what sites i browse
>>
>>59024054
I'm only using PHP as an API.
>>
server.js
app.use('/api', api);
app.use('/', web);


web.js
web.get('/', function(req, res) {
res.sendFile(path.join(__dirname + '/../public/site/index.html'));
});

web.get('/calculator', function(req, res) {
res.sendFile(path.join(__dirname + '/../public/calculator/calc.html'));
});

web.get('/weather', function(req, res) {
res.sendFile(path.join(__dirname + '/../public/weather/weather.html'));
});

web.get('/tictactoe', function(req, res) {
res.sendFile(path.join(__dirname + '/../public/tictactoe/tictactoe.html'));
});

web.get('/chat', function(req, res) {
res.sendFile(path.join(__dirname + '/../../mernCrud/build/index.html'));
});

module.exports = web;


Is doing this bad? I used to have all of web.js in server.js and my api worked fine, but since moving it it's not letting me post or put but I can get
>>
do voip and multimedia applications use TCP or UDP for their transport layer protocol?

obviously, UDP makes more sense here. and I'm getting information online that supports the UDP being more used. however, in my networks book, the authors suggest that in today's internet, TCP is more likely to be used. why would that be?
>>
>>59026119
I'd rather serve the public folder inside the server directory if I was you.

Also use middleware routes (like your first and second line on the other routes so you can keep separate files for all your routes.
>>
>>59028273
It's UDP based. Think of when you watch a video stream on twitch. sometimes the video cuts out but that's fine.

What happens is that you get sent a whole bunch of packets continuously. A lot of the time those packets get sent in the wrong order and it's perfectly fine for UDP streams. Following TCP however will require your client to wait for the full sequence of packets sent, rearrange them and then have your client process them. UDP skips this process.

The reason why is that for live streams you don't need to watch every part of the video because otherwise it would cause everyone to be behind. Often connections lag out, some packets get lost during the routing process which can make the video take a while to load.

UDP is great for streaming because the headers of the protocol are much more lightweight than TCP. There's no need for a sequence check, packet rearrangement or checksum to see if the packet is valid, it just gets processed. In that way it helps you watch and listen to streams with the least delay.
>>
why does webdev pay so much money holy shit?
>>
>>59028444
However the problem with UDP is that it is unapologetic to which you lose packets it would affect the video.

Web based streaming services tend to use TCP with a buffer cache system where they'd send you a part of the latest video. It's quite useful in the way that most connection speeds will be able to watch the stream with loading lower bitrate versions of the same buffer cache.

Sometimes it's impossible to watch a high bitrate UDP stream and often the user would have to go through manual methods to change their stream to a stream that supports their connection bitrate.

The fault of this kind of system that it isn't exactly live and there are a few seconds delay to the actual video if you ever notice.
>>
Hey, I'm trying to use Skeleton and learning how to mess with the grid system.
So I'm trying to create a a div that spans 4 columns and is offset by 8. So that it's the last 4 columns in the grid layout. However my text in that div doesn't wrap/stay in the columns. If the text is big enough it goes off the page and you have to scroll to the side to get to it.
How do I keep text inside it's set columns?
>>
File: file.png (35KB, 1374x200px) Image search: [Google]
file.png
35KB, 1374x200px
>>59029108
Like this?

<div class="row">
<div class="eight columns" style="background: red;">
<strong>Eight Columns</strong>
</div>
<div class="four columns" style="background: lightblue;">
<strong>Four Columns</strong>
</div>
</div>
>>
File: skeletoncss.png (19KB, 1737x448px) Image search: [Google]
skeletoncss.png
19KB, 1737x448px
>>59029358
Very similar. Here's my code:
Not sure why 4chan thinks this is spam

See how the 1's don't stay in their two columns and the test just runs off screen?
>>
>>59029434
some reason 4chan won't let me post the code at all.
Here's a link to it:
http://pastebin.com/iyF5z3Uq
>>
>>59029434
>>59029453
The reason why it's doing that is because the text is too wide for the column.
You can add the following CSS rules to hide the text:

overflow: hidden;
text-overflow: ellipsis;


or:
word-wrap: break-word;


to keep the word in the column but broken by line.
>>
>>59029479
>>59029479
ah, thank you so much.
Also the four column div still seems to be going off screen?
I thought that the 12 columns weren't supposed to go offscreen.
So offsetting by 8 and then 4 columns is still 12. Not sure why my div is going off.

Thanks for the css help.
>>
>>59029514
You can avoid that by having the rows in a container that has a set width (or min width, max width)

In the screenshot I gave had the css:

width: 90%;
max-width: 760px;
margin: 0 auto;
>>
post your works fuccbois
>>
>>59029514
Oh I noticed you used the "4 columns offset-by-eight" - the correct style is "four columns offset-by-eight"
>>
File: mpv-shot0016.jpg (329KB, 1920x1080px) Image search: [Google]
mpv-shot0016.jpg
329KB, 1920x1080px
Best way to center stuff? I usually just use: text-align:center

I want my divs centered, at's all
>>
>>59030226
div - text align center
div - display inline-block
div - display inline-block
div - display inline-block
>>
>>59030226
To center the whole div container:

width: X;
margin: auto


To center text inside the div container:

text-align: center;



With flex:
display: flex;
justify-content: center; /*flex-start | flex-end | center | space-between | space-around */
>>
>>59005100

web """"""""""""""""""""""""""""""""developers""""""""""""""""""""""""""""""""
>>
File: flex.gif (491KB, 1317x866px) Image search: [Google]
flex.gif
491KB, 1317x866px
>>59030281
basic demonstration of flexboxes
>>
>>59030226
flexbox bro.
>>
>>59030391
I'm new to all this, what program is used here? seems efficient as heck.
>>
Dumb question here, can anyone point me in the direction of tutorials on how to manage/update the content of a custom made website?

I also need to know how to make a functioning members section, login section, blog posts, email and any other forms. as a designer, I know this is back end stuff but I would like to know the simplest most efficient way to go about all of this. The layout and design I can do, I just need the functions.

I feel wordpress is the way to go but what if the client isn't using wordpress
>>
>>59031075
chrome
>>
>>59031075
It's Chrome (or some variation of it), with the developer tools enabled. Most browsers should be able to do that, though.
>>
File: hyberloob.webm (40KB, 720x403px) Image search: [Google]
hyberloob.webm
40KB, 720x403px
>>59031110
django can pretty easily build you a database with inputs n shieet
>>
>>59031124
>>59031120
awesome, thanks!
>>
>>59024182
Using a sans-serif font and adding some space around text inside boxes would make it so much better.
>>
>>59031207
thanks famalam. I had quick look and it's pretty much what I need. looks like a lot to take in but fuck it, I got time.

I'm still open to other suggestions
>>
File: 1369062192815.jpg (52KB, 268x265px) Image search: [Google]
1369062192815.jpg
52KB, 268x265px
I want to evolve my C# application from windows forms into an SPA web app. Can I use ASP.NET 5 for front-end or Node.js (if thats even possible)

I keep hearing that ASP.NET 5 is outdated, is that true?
>>
>>59028444
>>59028535
Would the TCP version be the more reasonable choice, based on the fact that this is what most big services seem to use (facebook, twitch, youtube seem to have quite a bit of delay in livestreams)?
>>
>>59030306
a couple more quotes and i would have laughed. be sure to put more in next time.
>>
Sorry new to JS, I have this function

    function handsTable() {

table = $("<table oncontextmenu='return false;' class='handsTable' />");
var rows = [];
var row;
var i;
var j;

for (i = 0; i < allHands.length; i = i + 1) {
row = $("<tr />");
for (j = 0; j < allHands[i].length; j = j + 1) {
row.append($("<td />").html(allHands[i][j]));
}
rows.push(row);
}
for (i = 0; i < rows.length; i = i + 1) {
table.append(rows[i]);
}
return table;
}


How do assign the html it outputs as a global variable so that I can call it when concatenating a string later on in other functions.
>>
>>59031110
Laravel 5, use the command line artisan tools to generate the authentication routes and models.
>>
>>59031502
Unless your stream is time sensitive the answer for most applications is yes. Depending on the buffer cache configuration, it can send you 5 second video buffers which mean that there is at least 5 seconds delay, added on with server side live rendering to different bitrates.


Try disconnecting your internet while watching a live broadcast. YouTube seems to have a 15 second buffer.

>>59031623
I'd just append it to an existing element in the DOM
>>
>>59005100
so there was a book concerning web development, front end stuff, very general, got it from here, lost it because i lost my kindle and now i can't remember the name of the book, any idea what book i'm talking about, please give me a title, would be much appreciated.
>>
>>59031932

Easy, there are only two books about web development..
Was it the red one or the blue one?
>>
>>59031623
Looks like you're constructing a table based on an array of data. There are frameworks (like angular) that will do all of this for you just so you know.
I made this to demonstrate it http://jsfiddle.net/LXAt7/881/

But if you're going to do it this way, I would have a function that constructs the table and call it after updating the data. So update a value and call the function to rebuild the entire table.
>>
>>59005100
Ok, I try to ask here, sorry if my english is pretty bad, I'm from pizzaland: bad english is a standard here.

I have this Java Spring Web project that works perfectly fine (which I haven't created) and I need to create a mobile web app that uses some features of the project above.

I created the whole user interface and I need the app to "interact" with the Spring project, so I need to create RESTful APIs.

The problem is that I have been told I shouldn't edit the original project, so I need an "external" web service that "places" between the Java Spring project and my web app.

Is such a thing even possible? If yes, how should I move?
The only things I found was this framework called Jersey and some Spring documentation that doesn't completely "solve" my problem.
>>
rate my promo website:
http://nuclear.gumblert.tech/

i rate myself meme/10
>>
>>59010909
what are u using to create ur website portofolio , i want create my but i know only html css and php
>>
>>59032734
>http://nuclear.gumblert.tech/
I'm so confused. Also it's not clear that the word Github is a hyperlink
>>
https://jsfiddle.net/egae2wnr/8/

If anyone can help would really appreciate, I have been stuck on this for 3 days and tried a lot to no avail. A lot of what I am doing I am sure is not best practice so if you see something shit, feel free to say.

What I want is, when I add a tab, it adds a highlightable table, when the page loads, it adds one table to a tab that is already there and I can highlight it, so why, when I press the add button, and it adds a new tab, and inserts a table, can I not highlight it? It is exactly the same as far as I can tell

https://jsfiddle.net/egae2wnr/8/
>>
>>59032734
nohttps/10
>>
>>59033043
>https://jsfiddle.net/egae2wnr/8/
Tell me what it is you're trying to do. All I can see is execution, but not goal. Easier to help if I know the end game
>>
File: file.png (4KB, 352x32px) Image search: [Google]
file.png
4KB, 352x32px
>>59033165
It gets worse
>>
>>59033218

Basically it will be a memory test, the user can add grids (the grids are identical) and choose a different pattern on each one. On the next screen it will say "Is D4 on grid 1 highlighted?" and the user will have to pick yes/no (I have actually got this working when its just one grid, but have not included it to keep the code relevant when asking for help).
>>
>>59033165
It's just a static github website, why would I need https? Why would I buy a certificate for some hobby website?
>>
File: bbs.png (16KB, 528x798px) Image search: [Google]
bbs.png
16KB, 528x798px
>>59031341
How's this?
What other features should I add?
>>
>>59033482
WHY IS EVERYTHING MISALIGNED!?
>>
>>59033482
Looks a lot better imo, now you just have to fix the misalignment of the tripcode field, and the hide post form thingy should be a button imo. Also, "post" begins with a lower-case button, but "See random post" begins with an uppercase one, the first letters should have the same case everywhere, for consistency's sake (I would go with lowercase everywhere, personally). Also, the "see random post" action probably has nothing to do with the post form, so you should make it somehow visually separate, either by putting the post thingy in a box, or if you want to keep the minimalist look, by increasing the distance between the post form and the "see random post" button.
>>
>>59033573
The thing I said about uppercase vs. lowercase applies to "Hide post form." too. "Hide post form." definitely should not end in a period btw, it should just be "hide post form" or "Hide post form". Also, "Tripcode(optional)" should be "Tripcode (optional)". Also, the tripcode field is actually a name field on 4chan that has a tripcode feature, you might consider renaming it to "name" instead. "Post Name" should be called "Subject" imo.
>>
>>59032682
why do you need to proxy ? can't you just send requests from front end to original spring app ?
>>
>>59032682

I don't know your spring project, but check if it has an interface where you can just ask for a JSON document. Or maybe you are allowed to implement it (it would do exactly the same thing if you are not requesting JSON).

The other (stupid) solution would be to request html and somehow parse the result, there's a billion different ways to do this..
>>
>>59024425

Pretty cool idea.
Gonna try this myself.
>>
>>59029753
>>59029753
Wow, thanks for the help.
4am me was not catching that at all.
>>
>>59032804
I'm using the same as you man. Just a basic portfolio to try to get an entry level job. I dunno if my projects are good enough yet. I got one JS project, one PHP project, a single page site, and a multi page site. Plus the portfolio page itself.

Ive heard of folks landing jobs with less. I just don't know if the standards are higher now.
>>
>>59033300
Doing this in jquery is going to be really painful. I just did it with a js framework in about 20 min... then I hit refresh ;)) classic jsfiddle.
But this is really manual and complicated. Many of the moves you're making here are built into js frameworks
>>
>>59034464

This is what I was worried about, my issue here is I have an idea for a project and this is a proof of concept, but I am not looking for a webdev job.

How long does it take to learn a decent framework for what I need would you reckon, and what would you suggest?

Thanks for giving it a go though
>>
>>59034547
Oh, what percentage of the app would you say is in that fiddle?
>>
>>59034644

I am not entirely sure but I would say, half of what I have done is in there, and I am maybe half of the way through. So you are looking at 25% maybe.

My issue is while I know some of the stuff I have been doing is not time efficient, I have been able to find out how to do it, but now I have run into this problem and can see a few ones arising in the future that I flat out don't know how to solve.
>>
File: 1426999685760.gif (853KB, 290x188px) Image search: [Google]
1426999685760.gif
853KB, 290x188px
>>59033787
first time someone copies one of my ideas
i feel strangely aroused
>>
>>59026119
You can serve your public static files via nginx or apache with some caching
>>
>>59033303
You don't need to when Letsencrypt exists
>>
>>59034808
Most people in this thread could probably knock out what you're talking about in an hour. Maybe create a new post asking for it
>>
>tfw php cloud engineer

feels bretty gud

js is a meme
>>
im learning php and mariadb with xAMPP, redpill me
>>
>>59035649

good start, just dont use xampp on a live server ever
>>
>>59033303
>le static website meme
https doesn't just protect your users from having their credentials stolen, it also prevents attackes to inject shit into your website (like public wi-fis injecting ads).
>>
>>59035633
>js is a meme
alert(bait is strong with this one);
>>
>>59035614

Maybe I will resort to that, but I have been getting on ok and have no issue learning new skills even if I am not going to look for work using them.

Its just I have hit a total roadblock and it seems so simple, why do the fucking tables that are added by the user not highlight, they are identical to the one that loads with the page, and that highlights fine?!

I have been stuck for 3 days on this and its driving me mental.
>>
Is it okay to use a bunch of links inside a <nav> element as a navigation bar, or should I switch to using an unordered list? I'm asking because I always see the unordered list version in tutorials, but it seems redundant to me.
>>
>>59036124
You could do it that way, it doesn't matter too much.

I believe its just better practice to put things like a nav menu into an unordered list, it organizes it a lot more
>>
File: 1487510703324.jpg (25KB, 480x358px) Image search: [Google]
1487510703324.jpg
25KB, 480x358px
What technologies do I need to master to become an ace front end developer?

On my list already:
>Sass
>Relearn ECMAscript
>>
>>59036088
Do they have different IDs? Browser won't know what to do if you've got duplicate ids that you're targeting
>>
>>59035861
>no quotes around string literal
get out of /wdg/ reeeeee
>>
>>59035861

yea and you cant even write a simple js function

get outta here, son
>>
>>59036155
At least one JS framework

>>59036168
Naw m8, they're all variables defined throughout the page, you just gotta search for them
>>
>>59036155
Webpack, a framework like React/Angular, Maybe something like Jade/Pug.

Honestly, it changes a lot.
>>
>>59036194
but (space) is not concatenation operator.
>>
>>59036194
>>59036213
>meme framework
so i'm currently a junior web dev, do i focus on relearning js or just dive into a framework like ajs2?
>>
>>59036155

"Learning" Sass and ES6/ES7 won't take you long.

ES+ are great languages to learn and super straight forward.

Look at the front-end development jobs in your city and see what they're using. Ember, NG1/2, React, Vue, whatever. If you pick one up transitioning to another isn't hard. I would learn whatever is most popular in your area.

With the need for universal Javascript and SSR, I would say learning Node development will help a lot.

Webpack and Gulp will come in handy, too.
>>
>>59036228
Depends on if you want a job or not.

I'm sure you could get a basic front end job without learning a framework, but most companies will want React/Vue/whatever framework, because it does make development a bit better.

Depending on how much experience in js you have, you might want to really learn the ins and outs of the language, then move onto a framework. Knowing the quirks of Javascript will really help out later on
>>
>>59036276
>>59036279
thanks mates

also, i am actually a -hired- junior web dev ;^)
>>
I have an interview for a co-op job tomorrow where the company an application built using backbone.js, and they're looking to move it over to a react/redux/webpack stack.

I'm pretty close to graduating with a CS degree, but I honestly don't know shit about these Javascript frameworks apart from the quick google I gave to each of them. I have a pretty good handle on HTML/CSS, and have written some vanilla javascript, but this web application stuff is new to me.

What should I read up on today to not look like a total ass in the interview?
>>
>>59036228
Don't bother with vanilla JS. It will only hurt you to learn it. It's like learning a bike vs a car. You're going to be looking for how to pedal your car when you get in when you need to hit the ignition. Do you see what I'm saying? JS frameworks bring in a totally different way of thinking and you're going to try to cripple it by removing two wheels if you learn vanilla first
>>
>>59036226
I wrote my own js transpiler polyfill function to handle it.. It works, just trust me
>>
>>59024182
float that shit, got damn
>>
>>59031623
var foo = document.createElement("Punjab");
>>
So I've noticed most webpack loaders and plugins arent documented and don't work as advertised.

If webpack worked beyond allowing you to concatenate/require .js files wouldn't someone have documented it by now?
>>
>>59037030

I genuinely can't tell if this is advice or you are saying I should hire an indian to do it?
>>
>>59036401
Backbone.

Learn it as fast as possible.
>>
how to post code imbedded?
testing
mama baba sdfdf
print fuck my ass
>>
>>59036401
I would study up on node, react, flux, redux, react-redux, babel, and webpack
>>
>>59036422
awful advice, are you serious?
>>
>>59037088
I found breaking changes undocumented on every NPM documentation for every webpack loader

if people are done with webpack what is the new trendy way for me to compile my templates?
>>
Anyone got experience with wit.ai/chatbots in general?I'm trying to get buttons to work for my python chatbot but wit.ai documentation is pretty light on the subject (and it's all in node). It says you can get a 'quickreplies' field from the wit API which you need to create an array to send to facebook using
response.quickreplies.map(x => {"title": x, "content_type": "text", "payload": "empty"});
. What's the python equivalent to this?
>>
>>59013091
>Tweeter = Gamergater
What did she mean by this?
Is she setting all twitter to gamergate and checks if the set is successful?
>>
>>59031834
just bookmarked a couple of well informative tutorials, thanks
>>
>>59037808
There are more logical errors and typos in that program than lines.
>>
>>59026119
Why are you using res.sendFile and not res.render method?
>>
Most flexible static site generator that allows me to pick my own templating language, etc. and doesn't force some blog shit down my throat?
>>
>>59037416
All those other loaders are broken in an undocumented way for ejs html includes. Welcome to NPM hell.

You need template-html-loader 1.0.0
>>
>>59037808
To be fair Milo literally raped her younger brother have some fucking compassion.
>>
Hello I have a question:
on a website I used bootstrap, I wanna add JavaScript function that enlarges font on whole page on button click. this is the function:
function sizeUp(){
var s = document.getElementById("par");
var sty = window.getComputedStyle(s, null).getPropertyValue('font-size');
var fs = parseFloat(sty);
var fSize = fs + 1;
par.style.fontSize = fSize + "px";

}

the problem is it doesn't work. hit f12 shows that bootstrap overrides the function.
I even tried to comment out the lines in bootstrap css file but then it uses "type.less" wich I can't even find in bootstrap files.
how to override css stylesheets and make js function work?
>>
>>59037331
He's not entirely wrong, it's just a little backeards. If you start learning javascript WITH a framework, you'll learn a more realistic javascript skill set and eventually get it down, then it's easier to work backwards.

I'm not saying he right, I'm just saying it's a different way of learning. It works for some people.
>>
Anyone in DFW needing a dev job?
>>
I'm currently enrolled in a web development class and it is 'teaching' me js. It has not given me the skills in order to create web pages, just look up docs and copy and paste. Where do you cross the line for making things for the web and just copy and pasting your way through doing something that is ass backwards retarded?
>>
Is web dev easy for someone who fell for the Java meme?
>>
>>59011342
vim running inside hyper terminal
>>
>>59040170
Once I actually /know/ how to make the thing I want, only then will I allow myself to copy paste it.
>>
>>59040158
For real? Pretty sure I'm in that category.
>>
>>59040170
I'm in a similar situation. My professor started with HTML and CSS which was probably the closest we're actually going to get to making websites in this course. Recently he has just thrown us into the deep end with JavaScript. His lectures consist of nothing but running the W3Schools examples.

I've just begun learning from an outside source(mostly lynda and code academy) and doing the assignments as they come along. I really only attend the lecture because its mandatory. Sometimes you have to teach yourself. When I was learning Python I did better just doing random projects and learning as I went.
>>
>>59038405
Here's the best writeup I've found.

https://www.smashingmagazine.com/2015/11/static-website-generators-jekyll-middleman-roots-hugo-review/

If you want a good non-blog demo of Hugo in action, check out https://www.haiku-os.org/. They recently moved from Drupal to Hugo, kept all the complexity (well, they punted comments to Disqus, but everything else), and massively improved load times.
>>
>>59041502
You know southlake? What languages do you know?
>>
>>59042515
I know Southlake
I know HTML, CSS, JavaScript, Typescript, Java, Python, and C# pretty well.
I mostly know Java from Android development.
>>
How can I sort an array in JS using a regex as a key?

I have an array like ['1.34 Text','1.32 Text'], etc. I want to extract the numerals and sort the array by them.
>>
>>59043267
The built-in array sort method optionally takes a compare function. You can use that to sort items however you want. The MDN article on the method explains it pretty well.
>>
>>59042914
Damn. We do PHP.
>>
>>59005115
Why mongodb? It's a meme
>>
is functional programming in javascript a meme?

Should I write all my node.js apps to be functional?
>>
Where do I look to see what nice site design looks like?
>>
>>59044813
In FAGMA 2015+ JS is tail-call optimized so no, it's not a meme
>>
novice idiot wannabe here, how hard is it to learn front end webdev? If I go hard and pick up some javascript and html/css, how long would it take for me to go from beginner to working in the field at some capacity.
>>
>>59045036
1 month and you'll be just as competent as most people where I work.
>>
I need cheap shared hosting for a 6mb website. what's better, ovh or online.net?
>>
>>59045287
freehostingnoads.net
If you can deal with
>meh speed
>no ssl
>php 5/other old software
>need to ping every 30 days to keep active
then free hosting is for you
>>
I've been trying to be write more functionally lately, which has led to some design decisions I'm unsure of. Let's say I have a function that fetches some data that someone will want to call more than once (polling for data)

function fetch(url, authObj){
doSomeCall(url, authObj)
}


But I would like to provide the user an interface to configure a bunch of different "fetchers" with differnt url and authObjs. So I have to save teh url and authObj values some how. The functional way I thought to do this was something like

function withDefaults(url, authObj) {
return () => {
fetch(url, authObj)
}
}


and then the OOPish way

class Fetcher:
constructor (url, authOpts){

fetch(){ fetch(this.url, this you get the point


Any opinion on either?
>>
File: comments.png (89KB, 1208x862px) Image search: [Google]
comments.png
89KB, 1208x862px
csssss


A simple one, how do I make it so there's space between each comment ? ? ?
>>
>>59045992
.comment{
margin: 10px 0;
}


or you could do this to put spacing at the bottom of every post except the first:
.comment + comment{
margin-bottom: 10px;
}
>>
>>59045992
.comment{
/* Whatever else you have. Get rid of the margin-top that you have though. */
margin:1em auto;
/* Note, that when you do a margin-(direction), it only accepts a single value like "20px" or "30%". margin, by itself, can accept up to four values, each coordinating to a specific side. So you can have something like above, where the first value is for the top and bottom, while the second is for left and right. */
}
>>
>>59026119
put nginx in front of it, and have it serve all your static files directly, then proxy other requests to node
>>
>>59037331
I learned
vanilla > jquery > angular
and it hurt me to go that direction. I'm speaking from past experience. When it got time to build an angular app, I would look for a vanilla/jquery solution to whatever problem I was having when I needed an angular one.
>>
>>59045553
My fav architecture for this is a 3 parter. In angular you would go
controller > factory > service
then you data comes back
controller < factory < service

But the same principles can apply in any context. Basically you have layer(s) of abstraction. A layer that performs business logic on outgoing or incoming data, a layer that just puts together the call. Both of those would be reusable.
>>
>>59044813
Depends on what you mean by functional programming. Traditional functional programming is not something JS is really designed for.

What people usually mean is applying these principles
http://eloquentjavascript.net/1st_edition/chapter6.html
Which is to recognize patterns in your everyday challenges and use simple functions to break down a problem into more uniform pieces. To look at a problem and realize, "Oh, that's a type X with a type Y loop inside of it". This is as opposed to building custom functions again and again.

It makes your code more readable, it makes all code you write more recognizable, more uniform, and tidier
>>
i was asked to fix some weird bug where margins of 1px seems to disappear at specific zoom levels (i.e. the elements float together)
is this a known browser bug or something?
please tell me it is, i cant be arsed with this shit
>>
>>59048745
Don't use zoom to test responsiveness, either shrink the actual window or use the device emulator in chrome
>>
>>59048962
This
>>
File: Kazam_screencast_00001.webm (218KB, 539x467px) Image search: [Google]
Kazam_screencast_00001.webm
218KB, 539x467px
https://jsfiddle.net/3q4uwp1c/
Why does "Time" move when I click on the table to show the column under it (webm related)? It only happens in Chrome btw, works fine in firefox.
>>
>>59008339
Well, Bootstrap is pretty handy and comfy desu
>>
>>59047758
Not everyone does that.

I mean I do it too, but it's kind of important to challenge yourself to look for an angular solution.

Besides, who would hire a guy that know angular but not js? It's important to know what exactly is vanilla and what isnt for when yoi switch your js framework a few years down the road and they need to learn.
>>
>>59049109
Did you do a CSS reset before styling?
>>
>>59050023
No, I didn't even know what that is. Tried one from stackoverflow, the problem is still there https://jsfiddle.net/3q4uwp1c/1/
>>
>>59050001
>who would hire a guy that know angular but not js
I would, for the exact reason it made it tough for me. Angular will have a solution for 99.99% of issues. Someone with a Jquery or vanilla background is going to carry around that experience as a crutch when they get into a tight spot. Someone without that experience won't have that crutch to lean on. That's better in my opinion.

Also, I didn't know angular had a solution for practically everything when I got started. So I was making hybrid apps that were pure trash. It wasn't like I wasn't challenging myself, I just didn't know better
>>
>>59049109
removing width and max-width from td.details in your css fixes it for me
>>
>>59050238

I would rather hire you now, knowing what you know, than a guy that just knows Angular.
>>
How long to go from no framework procedural PHP to OOP php laravel if I understand OOP concepts already?
>>
>>59050269
Thanks, that fixed it for me too.
>>
>>59029667
[code
var /* Declare our variables outside the loop, a performance best-practice */
f='Fizz', /* Variable `f` so we don't repeat 'Fizz' twice - DRY */
b='Buzz', /* Variable `b` so we don't repeat 'Buzz' twice - DRY */
i=0, /* For-loop counter, start at 0 */
d3, /* setup a variable for checking divisibility by 3 */
d5; /* setup a variable for checking divisibility by 5 */
for ( /* Bodyless for loop */
i; /* Iterator on i */
++i <= 100; /* ++i pre-increments to 1, stops at 100 */
d3 = !(i % 3), /* Logically we're testing for i%3 === 0 to be TRUE, indicating
* i is divisible by 3. Instead we test for 0, which also
* represents FALSE in Javascript. Use the ! NOT operator
* to coerce 0 to boolean value 1- which is TRUE. */
d5 = !(i % 5), /* Testing that NOT (i % 5) is TRUE using same logic as above */
console.log( /* ouput the result of a ternary operation to the console */
d3 ? /* was i divisible by 3? */
d5 ? /* was i divisible by 5? *? */
f+b : /* Both conditions d3 and d5 are divisible TRUE: return string 'FizzBuzz': else */
f : /* only !(i%3) is true, just return string 'Fizz' */
d5 ? /* BOTH 3 AND 5 weren't divisible, was 5 divisible by itself TRUE? */
b : /* yes, return 'Buzz' */
i /* Nope, just return i */
) /* end of console.log */
); /* end of for-loop */
[/code]
>>
>>59050884
I've never understood the need for step by step notation. I just use notes when something is not immediately available to be known
>>
>>59051174
Considering he posted fizzbuzz, it's not surprising that a beginner would comment literally every single line.
>>
>>59050884
Lemme help you with this
var /* Declare our variables outside the loop, a performance best-practice */
f='Fizz', /* Variable `f` so we don't repeat 'Fizz' twice - DRY */
b='Buzz', /* Variable `b` so we don't repeat 'Buzz' twice - DRY */
i=0, /* For-loop counter, start at 0 */
d3, /* setup a variable for checking divisibility by 3 */
d5; /* setup a variable for checking divisibility by 5 */
for ( /* Bodyless for loop */
i; /* Iterator on i */
++i <= 100; /* ++i pre-increments to 1, stops at 100 */
d3 = !(i % 3), /* Logically we're testing for i%3 === 0 to be TRUE, indicating
* i is divisible by 3. Instead we test for 0, which also
* represents FALSE in Javascript. Use the ! NOT operator
* to coerce 0 to boolean value 1- which is TRUE. */
d5 = !(i % 5), /* Testing that NOT (i % 5) is TRUE using same logic as above */
console.log( /* ouput the result of a ternary operation to the console */
d3 ? /* was i divisible by 3? */
d5 ? /* was i divisible by 5? *? */
f+b : /* Both conditions d3 and d5 are divisible TRUE: return string 'FizzBuzz': else */
f : /* only !(i%3) is true, just return string 'Fizz' */
d5 ? /* BOTH 3 AND 5 weren't divisible, was 5 divisible by itself TRUE? */
b : /* yes, return 'Buzz' */
i /* Nope, just return i */
) /* end of console.log */
); /* end of for-loop */
>>
How the fuck do I make a class in node.js? I just want to have a class with some functions.
>>
>>59052105
class Foo {
constructor() {
}
bar() {
}
}


Run with
node --harmony
.
>>
>>59052105
Also, prefer functional over OOP, you fucking pajeet.
>>
>>59052219
I've only seen people do module.exports = { } with a bunch of function pointers and attributes in the exported object. Does it matter how I do it? I don't understand the difference.

>>59052230
What would that look like?
>>
New thread >>59052343

New thread >>59052343
>>
File: FUCKING MANAGERS.gif (1MB, 680x680px) Image search: [Google]
FUCKING MANAGERS.gif
1MB, 680x680px
>>59005100
>think I might be happy when I'm finally employed
>9 months and 2 promotions later at my first office job, first IT job
>I fucking hate it with passion because of the absolutely retarded shit the managers pull out
>like creating a set of requirements which spread across 6 projects, waiting till 3 of these projects are deployed and tested, and changing said requirements

Many and many dozens of man-hours wasted. I am so fucking mad right now.
Thread posts: 322
Thread images: 39


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.