/wdg/ Web Development General

Why are web push notifications used so rarely? That stuff is pretty damn awesome once you get through the pain setting it up.

Friendly reminder:

Try out Pluralsight, they have tons of videos on countless topics. All free for the first 3 months, then when your time is up, go claim another free trial. Here's how to do it:

>https://devopscube.com/pluralsight-free-subscription/
>https://fossbytes.com/getting-pluralsight-subscription-for-free-for-6-months/

The article claims to give 6 months free, but it seems like it's been cut back to 3. Still, p. good.

>>60852941
Which tutorial did you use?

Can you just register notifications and have the client poll a page or is there actually a "push" element to it?

What unit test library are you using for JS?

>>60852941
Because they are annoying as fuck, and I as well as many other users will go out of our way to uninstall an app or cease usage of a service that makes my phone beep or vibrate unless I explicitly want it to.

Hey guys I'm trying to learn node js. What should I build?

>>60853523
this. Like, once in a while it's fine, for certain apps. But if a stupid game I wanted just to kill some time keeps beeping at me every 30 minutes, I'll uninstall the shit out of that motherfucker. Difference between use and abuse

Web noob here. I recently jumped into a project with a guy making an inventory system on a LAMPP stack to get my feet wet. Long story short I'm basically using javascript to handle 99% of the crap I need to do before sending it to server-side. It seems like an effective way to get the job done quick, but I feel like this is a very bad practice to be teaching myself. Is it normal to have heavy JS use in the field today?

Also, I come from more of a C++/C# background so I was wondering if ASP.NET is worth looking into after this project.

>>60853529
Make something that measures areolae from user submitted images to let women know if they have pepperoni nipples. Get some tit pics for your effort.

>>60853723
>Make something that measures areolae from user submitted images to let women know if they have pepperoni nipples. Get some tit pics for your effort.
lol no

Are these decent charges for a freelance web developer's services to small businesses?

>Design and set up website: £70 (single fee)
>Host and continually maintain website: £120/month

>>60853754
No freelance experience here yet but I can tell you that the design/develop fee should be way WAY more (and the host/maintain fee should be less, though it depends if you expect to do a lot of work or include a certain amount of hours in it already).

How does maintaining websites work as a freelance? Do you agree on an amount of time that you will maintain the website or do you pass it off to someone else?

>>60853754
if you have no idea what to price, estimate the number of hours it'll take you, and charge your hourly rate. But also, dude, $70 is a joke. Depending on the complexity, you could charge $200-$1000. And your monthly maintenance fee seems a bit high to me, just saying.

By maintaining you should clarify to mean "keep it running the way it is", because for any changes the client wants once the project is finished you should be charging extra.

>>60853838
>>60853987
Thanks for the feedback guys. Note that I used £ as the currency, not $. But I do have no idea of the value of web development services. So is it quite reasonable to approach a small business, literally a small shop which is independently run, and propose to the owner that I can build a simple website for them (HTML, CSS, Javascript and jQuery) for £300? And then say that I can also host the website and look after it for...£70/month?

>>60854028
I know, I don't have £ on my keyboard but we understand each other. So yeah, £300 and £70 sounds more reasonable. Bear in mind I've never done freelance work, I'm just a noob trying to break Neetdom here as well. What you could do is go to upwork.com and those other freelancing sites and see what they are charging, just to get an idea. Don't look at what the pakis and indians are charging, rather look at people from your own country.

Also, how good are you at negotiating? Because maybe you should start asking for 500 and 100, so that you can then negotiate it down to 300 + 70.

>>60853273
I followed the "Adding Push Notifications to a Web App" tutorial from Google.

There's actually "push" to it. You install a serviceworker on the device (which is some cached JS script, not more). Once a user enables push notifications, you get an endpoint which you then call from your server. You send your notification data there, and that endpoint then pushes the data to the user which in turn is received and displayed by the serviceworker.

The whole thing is quite easy in theory, but the server side library is a pain because its dependency tree results in like 500 files and some quirks I already forgot.

Hell, I had to develop the whole thing live because you need SSL for serviceworkers. But the pain was worth it once my smarthome was able to notify me about shit.

>>60853523
>>60853695
Web push notifications are opt-in, so you don't have to enable them and can use the website just fine without them. Just add a button that allows your visitors to enable or disable the whole thing to make the stuff more convenient.

Rate my little webserver project.

https://github.com/Booom3/image-webserver

>>60854271
Your negotiating idea sounds good. I can practice at that. I'm not really a NEET as such, more of a student post-university with high-functioning autism who doesn't particularly have any other options besides freelance work.

File: clueless.png (247KB, 1931x1160px) Image search: [Google]

247KB, 1931x1160px

Hello webdevs, what am I doing wrong?

I want to give the List from the Servlet to the Jsp and there iterate over the list and generate html elements for them. but it tries to do some bean-related stuff on it?

Do I have to convert the List to JSON or something before?

Hope you can help me.

>>60854801
Disclaimer: Never done java or jsp.

But here https://stackoverflow.com/a/27591304 they use getServletContext() instead of using the request, does that change anything?

Can you set a breakpoint on line 13/14 of your searchresults.jsp and check its type and properties?

>>60854801
Fuck me why does Java make everything look so complicated?

>>60854875
Hey, thanks for the answer.

The RequestDispatcher shouldn't be the issue here: https://stackoverflow.com/questions/1411114/servletcontext-getrequestdispatcher-vs-servletrequest-getrequestdispatcher

I think the problem is related to the Objects.

I cannot set breakpoints to JSP because it is not Code, but will be compiled into a servlet.
I will try some of the hints here to debug it: https://softwareengineering.stackexchange.com/questions/40564/how-can-i-debug-a-jsp

>>60854801
Me again: The answer to this is that Java Expression Language is based on the Bean specification and thus tries to access the properties with Getters, even though the properties themselves are public.

>>60853529
crud todo app

it's going to be summer soon, anyone here has a good list of project ideas to work on?

Hello there, newcomer getting into webdev.

Right now I'm using websites like codeacademy for starting.

Right now my plan of action is:

Starting with more hand-holding websites, then moving to books
Getting a strong base of HTML, CSS and JS
Making some websites for practices, so far I can grasp the concepts just fine
Move to more advanced stuff.

Also on a side way:

Getting better at english, not my 1st language
Basic learning of some languages, note sure if Python, Java or something else
Learn to use Linux for work/daily use, as I've been said it's usually a plus for landing a job.

Any suggestions? Seems solid?

>>60856614
Hey you, what are you doing right now? In school, working in another industry?

The plan's solid, not sure if you need Linux, for many jobs you don't. However knowing more has never hurt anyone.

>>60856614

That is a looong path and I wish you luck. Also python is a good choice for starting.

>>60854801

What is this editor?

Seems based.

>>60856791
Working on another industry.

Currently working on a lab, doesn't pay much but is an easy job, but I just can't take it anymore, I think I'll develop downs if I don't put my head into some use.

>>60856853
Thanks.

I'll keep working for now, maybe drop it in the future if I see this going somewhere, I have enough savings to pass without working for a couple of years.

>>60856889
One more thing, check the courses at edx.org, if you don't already, they have some really good ones there.

Are the Udemy and Lynda.com courses as good?

>>60856926
Yeah, already on my to do list after I check the basics on codeacademy.

>>60853723
ASP.NET MVC is very solid choice and usually has a lot jobs available.

File: Untitled.png (10KB, 697x553px) Image search: [Google]

10KB, 697x553px

Is there anyone who is good at wordpress ?
This is want i want to achieve:
I want to post short sentences/sayings that would be able to share/like. And in one page.
BUT: Creating a post for a short sentence seems quite ridiculous, it requires a title, has dates, author (obv i can remove this) but overall this process would take too long to put all the sentences moreover they all would have their own url which I don't need.

pic related

Anyone have an idea how i can achieve this? Maybe there is some plugin names, etc

I posted in the last thread before it died, but does anyone know why my DOM breakpoints in Chrome dev tools might not be getting hit? I can literally see the content change, yet no breakpoint is hit.

do you guys recommend reading a book or just googling stuff I want to learn to be the best way to learn webdev? I

link to past threads appreciated.

>>60857428
Try another browser then.

>>60857567
whatever works for you, buddy. I hate videos, so I look for books that have you learning while doing projects. Like, books where you take one language and build one big (or several medium-sized) project from beginning to end. I need the motivation of completing chapter after chapter.

>>60856614
solid plan. Check out CS50x from harvard at edx, it's a solid intro to computer science. The first weeks are all C, but don't get discouraged, try to learn the concepts and don't worry too much if you can't get your code to work. Then on week 6 or so you switch to Python and it gets a lot more fun. There's also HTML, CSS, JS, etc. The last couple of assignments have you building cool websites like a twitter sentiment analysis webapp and a portfolio manager. Check it out!

>>60857691
what books do you recommend?

>>60858366
lol depends on what you're studying. Go here

>http://gen.lib.rus.ec/

and look for the languag/framework you want, then click on year to sort by year, then choose a recent title that interests you. Give the book a try, if it doesn't suit you, drop it and rinse and repeat.

>>60858366
I really enjoy the pack 'Web Design with HTML, CSS, Javascript and jQuery' by Jon Duckett. Two books in one order. Both are fantastic, with step-by-step explanations of how to code various features as well as laid-out examples of sites with different layouts and functionalities. Solid duo of books.

>>60858366
forgot to say, the O'Reilly books in general are more than solid for an intro into different topics. There might be some exceptions, but they can usually be trusted.

>>60852501
whis is flexbox so fucking good. it literally makes aligning things so fucking easy. who made this shit? i wanna suck thier dick

>>60857691
Thanks for the suggestion, I'll definetly check that.

File: 1437799132793.jpg (50KB, 400x400px) Image search: [Google]

50KB, 400x400px

>>60852501
>>60852501
>>60852501
If I were to create a web application using Ruby on Rails, like a forum, would it be easy to develop an iOS/Android app that would have the same functionality as using it in-browser?

I want to make a mobile forum app with nice looking GUI, but I have no idea where to start.

I know C, C#, C++, and Java, but I don't really know any webdev languages. Is learning Ruby on Rails a good choice? And can it be ported to mobile easily?

>>60859358
if you keep your endpoint and frontend separate.
as in, make an API and then talk to it with an ios/android/web app to it.

>>60859358

Yes and yes.

Do you guys recommend me to loook for templates and then start tweaking what i dont like to save time?

>>60858603

Slow down there you fairy. Flex is great, I agree, but its downside is compatibility with older browsers.

Anyone here ever sold themes or templates on Envato/Themeforest?
I'm creating one now because I need to make some cash but I am skeptical about how profitable it could be.

>>60853754
Eventually I want to start doing this as well. At what point did you decide you were confident and skilled enough to start doing this?

What is your experience and skillset pls

>>60859719
honestly it's ok to use it now

http://caniuse.com/#search=flex

Opinions on freecodecamp?

File: chanstats.png (73KB, 1398x875px) Image search: [Google]

73KB, 1398x875px

I made a thing with React and socket.io
(First time React. I normally use Vue)

http://chanstats.info/

Apparently /g/ has the lowest image to post ratio of some of the "well known" boards.
also not as active as I thought apparently
/v/ posts per minute are inflated because of E3 stream

now I am finally ready to impress some employers, r-right ??

>>60856872
Eclipse with dark theme i think i reconginze the console

>>60860523
it's nice if you come from very basic html/css/js courses and want to get a bit more specific, but still on a basic level.

once you get your portfolio done it's best to move on to your framework / language of choice though.

>>60860566
That actually looks really neat.

I'm working with socket.io as well.

I'm trying to send some info from my server to a certain client. I know how to send/emit but I'm not sure how to send something to just one specific client. Stackoverflow mentioned getting the client socket id but I'm not sure how to do that. Do I need to send the socket ID from the client to the server or can I somehow request it from the server side?


>I'm using Flask-Socketio

>>60860566

how do you parse all the stats?

>>60858422
thanks. i'll look into those. :)

>>60860736
hm, I don't use it regularly.
Only from time to time and then have to relearn it all over again.

io.on('connection', function(socket) {
    socket.on('auth', function(authInfo){
        //check if authInfo is valid
        //if valid, then this is the socket you want and you can send to it
    })
})

no idea if this even remotely works, but I guess this is how I would try to single out a certain socket

>>60860742
you mean, how I get the data?

all the info is from the 4chan api
https://github.com/4chan/4chan-API

First getting the json of the catalog and calculate the average across all the threads.
Some info is only exposed directly from the thread api, like the amount of unique IPs, so I limit it to the first 3 pages for each board, otherwise it would take way too long without going over the limit they set in the rules.

>>60857398
Wordpress is overkill for this, you could just have a static page you update manually by copy-pasting. If you wanted to learn a bit of webdev you could write a dead simple (password protected) backend page where with one text field which gets stored in a database, and then a public page which pulls all the quotes from the db and has some AJAX calls to update the 'linked' count in the database.

>>60860566

Wait a minute, do the api list and track posts/per user?

>>60852501
the thread API gives you the number of unique IPs
not different than the numbers in the bottom right

so it's just (postsCount / uniqueIPs) to get the average of posts per user for a specific thread

https://a.4cdn.org/g/thread/60852501.json
posts[0]

>>60861499
>>60861649

>>60859358
C# and Java are webdev languages.

>>60861649
cool site, but I'm just wondering, do you really want your employer to know you're a 4chan regular? Specially now with all the attention we're getting due to the "alt-right" and pepe and all that shit. Some companies might not care at all, but others might see it as a red flag...

>>60862055
ha, not really.
Didn't intend to put it in a public repo.
But might tinker with it some more for fun and learning purposes in the future nonetheless.

Is thread dead?

I have a question about Tampermonkey. How can I get the unread post counter from 4chan X (specifically ccd0's fork) and use it in another script running on the same page?

novice here, learned some basic html and css first, do i focus on javascript next? that seems to be the general consensus

>>60863182
Watch the video in OP if you haven't already, then pick a language. But yes, JS is usually what follows.

What's the best MVC framework for windows besides ASP.NET?

>>60863182
how basic are we talking?

File: efd.jpg (19KB, 403x392px) Image search: [Google]

19KB, 403x392px

WHY DOES EVERY TUTORIAL THAT TEACHES BACKEND SHIT USE PHP

I've never seen job listings in my country (eastern european shithole) that require node.js, they're all php (laravel) and mysql.
Should I settle for php or go the node.js way because it's the "future"

What degree do you guys have?

>>60863615
Go with PHP for now, it's a mature language with functionalities for nearly everything you need.
While Node.js is certainly being hyped up, it's still a gigantic mess of code like old JSP.

File: 1485975657162.jpg (42KB, 600x600px) Image search: [Google]

42KB, 600x600px

>>60863689
NEET degree

>>60863481
following the learncode.academy channel's videos. Just finished the second javascript one.

Reminder if you are a neet and aren't spending at least 5 hours a day following this

https://github.com/P1xt/p1xt-guides/blob/master/cs-wd.md

then you're completely fucked

File: 1481419599490.jpg (104KB, 803x688px) Image search: [Google]

104KB, 803x688px

>>60863826
Fug

is electron allowed here

>>60864000
Anons will probably laugh at you.

>>60864000
Sure, why not

>>60863826
are you kidding bro? you can land on a job without doing all that. it's a nice guide but there isn't much focus.

>>60864427
I agree, Cryptography I and II, Compilers, AI, Computer Graphics, wtf. Most CS students graduate without ever having taken a compilers course. That might be a good guide to learn about programming, but fuck man, if your goal is just to land your first webdev job, half of that list is bullshit. I mean, UX Design for Mobile Developers, are you fucking kidding me?

Hey guys. Has anyone here gone from a normal job like Fast food, retail, factory or any other entry level normie job to a web development job?

What was the transition like? What was the pay difference like? Could you ever see yourself go back to that?

Just asking because I've worked in fast food, factories, landscaping and other mundane odd jobs and this is the year that I break out and get a web dev job. Not saying that a web dev job doesn't have it's own bullshit either but this is the year I actually make more than $9 or $11 a hour and it can ONLY get better from there.

>>60862907
Can't that other script take it?

>>60863549
Learn to search.

>>60864815
Not excactly that, but I started by getting an education as an electrician, now I have a master in engineering.
The electrician job was good, they pay was decent but I felt I wasn't really getting challenged.
The work was 7-16 which I thought meant a full days work.

When I started to be a student, I found that I needed to spend a lot more time on this. A typical day would be two 4 hour lectures and then 4-5 hours of homework.
At first, I was really spent, but I found that I should just treat it like a hobby.
Obviously there wasn't time to do something else after all this, so I should just find things within the homework that made me want to do it.

The pay is a lot better.
I am not american, so don't worry that the wages don't match, it is not in dollars.
As an electrician, I was paid on a 14 day basis. I was paid hourly (175 for regular hours, 300 for overtime).
So about 340k / year but it varied a bit.
Now, I am getting paid monthly and I make 460k / year.

I just finished my degree and this is my first fulltime job, so I don't know how it will change going forward, but as I have lived as a student for the past 6 years and any income makes me feel like a rich person.

>>60857428
This may be useful
https://stackoverflow.com/questions/10826916/how-to-set-dom-breakpoints-in-chrome

What type of web dev certificates (like A+, Security+, Networking+, etc) are easy to obtain, useful or add significant value to a resume?

There is a cushy job nearby at a call center for web devs but the only way in is some sort of degree, certificate or 2-3 years sucking cock and simultaneously having my soul sucked out. I'm not answering calls again.

>>60854801
Servlet/JSP expert here. What you're doing is incorrect. You have to create a Java Bean since the EL can only interpret objects in that format. To do that, just make a class called Treffer, have the attributes just as you have them in your extended Object, and in addition you have to add getter methods for every attribute you want to access via EL. For instance, if you want ${t.recipeName} to work, your Treffer class has to have a method called 'public void getRecipeName()'. JSPs are compiled on first run into actual Java Servlet code so following Java naming conventions is necessary.

Alternatively, if you don't want to have to create a Java Bean for every entity type that the EL must read, you can use maps. Create a map called 'Map<String, Object> treffer' in your servlet, add each attribute object and their corresponding key names.
For example:
Map<String, Object> treffer = new TreeMap<>();
treffer.put("authorID", rs.getLong("authorid"));
...........
Then call the map with EL and print the attribute: ${t.authorID}

On a different note, your 'Object treffer' in the search method, although syntactically correct, is logically incorrect. You created an anonymous inner class by extending the base Object class, but all the rest of your program sees is an object of type Object. Attributes and methods of anonymous class types cannot be referred to directly from code outside of said class unless you override an existing public or protected method from the parent class. So even if your JSP code could refer to the public attributes of some object, your code would still fail because the Object type doesn't have the attributes you're trying to refer to.

>>60863549
because you're a dumb frogposter that can't even google properly

>>60863414
>MVC framework for windows
what do you mean? developing on windows? hosting on windows? virtually every web framework supports both. the best ones are:
>spring boot
>phoenix
>rails
>django
>express

>>60863615
in my eastern european shithole there are about as much spring and asp.net listings as php ones, so it's not like you're doomed to go with php

>>60864000
yes

what is the difference between

http://localhost:5000/image

and

http://localhost:5000/image/

>>60865977
I should also mention that beans need to extend Serializable, but since you've instantiated the object and set it as a request attribute in another servlet and not in the actual JSP page, this is unnecessary and you don't actually need beans in the strict sense (but you do need the getters for EL still).

>>60866297
https://webmasters.googleblog.com/2010/04/to-slash-or-not-to-slash.html

>>60865404
Er du norsk?

>>60854801
I don't use Java shit but you are using an Object like it were a hashmap. How are you suppose to access a property of type Object? It is essentially type erased

>>60860566
nice doubles, Dan

>>60865404
the fuq, 460k burgerbucks coding websites? where do you live anon

>>60868167
he's probably norwegian/sweddish, so that's closer to 50k euros

>supposed to do some website from scratch as intro to web dev project
>open visual studio and use asp. net design view
>create how i want it to look like
>copy paste auto generated html and css
>save myself hours of manually typing html and css
i feel so happy right now
w-wanted to share
no bully

File: 1496786539377.jpg (37KB, 600x412px) Image search: [Google]

37KB, 600x412px

>>60868409
>website from scratch as intro to web dev
>copy paste auto generated html and css
You can do better anon.
Write that code.
At some point you will want to make shit nice and responsive.
You are severely limiting yourself.

>>60868494
b-but i dont want to be a web developer i just had to take the course for my cs meme degree
i got a lot more important stuff to do and little time like calc 2 and data structures

Morning /wdg/. What's a good language/framework to write a bulletin board forum in current year?
>should be as fast as PHP 7
>reasonably easy to develop
>is "the future" and """fun""" to write, since it'll be a hobby project spanning a few years maybe
I was looking at Go, Rust, and Crystal. Go is supposed to be fast but it seems to crawl at scale (pantsu.cat and meguca). Rust is a bit verbose for my liking. Crystal seems nice but the community is relatively small and I don't know if it will ever become relevant. Thoughts?

>>60868565
odds GO
evens Rust
0 Crystal

>>60868565

The cool kids are doing node.js this days.

>>60868409

Which VS are you using to do that?

Want to try it.

>>60868626
javascript is AIDS, I'd rather keep that shit to the frontend only

>>60868565
elixir + phoenix

>>60868565
The main issue might be the database configuration here, not Go.

Anyone salary?

I currently work hourly.

Are hours bad as a salary dev?

I dont want to work 60 hours a week just for 16k more.

Is there any reason to learn web dev on linux over windows 10?

>>60869177
Oh, and US only.

>>60869177

usually paid by hour jobs arent high paying, though to start out with its fine

get the experience to start getting paid annually

File: Publish Website.gif (505KB, 1080x1080px) Image search: [Google]

505KB, 1080x1080px

Hello anons, I have what it seems to me a really stupid question however I just can't find any type of resources or answers on Google.

I want to know what are the steps in order to "Publish" your web application on the internet, I've been researching for quite a long time but there seems to be a knowledge gap.

I saw some tutorials on how to get your application deployed on a host, like this one:

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Django/Deployment

But I don't seem to understand the part where you register the .com domain on sites like name.com or how to publish your web so Google spyder is able to index it and people on the internet is able to find it when Googling.

I apologize if it's a really stupid question, but believe me when I say that I've been trying to Google it and nothing really shows up with the complete situation and I'm just really confused now.

Any ideas/tutorials/links will be very helpful.

>>60869198
Yes. The CEO is emailing me asking when I can start. It's 16k more a year than mt current hourly.

But I have to move and I don't want to be web deving for over 40 hours a week for just 16k more.

>>60860566
Tbh looks really neat pham

Hey wdg!

>>60869226
> I don't seem to understand the part where you register the .com domain on sites like name.com or how to publish your web so Google spyder is able to index it and people on the internet is able to find it when Googling.

1. buy a server, it will have an IP address
2. buy a domain name from a registrar like namecheap
3. point the DNS server of your domain to a DNS host such as cloudflare (free)
4. on cloudflare point the domain name to your server's IP in step 1
5. sign up for Google webmasters and register your site, upload sitemap, etc.

>>60869226

if you are looking to host a website just us use heroku, google services, or digital ocean

[speculation follows]
however, if you are looking to do all that by yourself im pretty sure you have to contact your ISP to get a static IP

>>60869226

You're not finding anything because they are a bunch of different protocols and server software that work independently and can somehow make the web.
For giving your website a name and making it accessible you're looking for DNS. You need to buy a name from a registrar and them point it to your hosting ip address.
If you want to know how things work behind the scenes I recomend you looking into overall network and system adm tutorials and books.

so I downloaded a template from templated.co, and now I'm wondering how to proceed. Do I take the CSS and JS and slap it onto my project? How does it work?

>>60853942
Have an hourly rate and charge based on your time. Or offer a monthly support plan that offers unlimited or a set amount of time for updates.

var serv = new Server (ReactivePage.CreateSite("folder containing scripts"));

The function basically searches all folders containing any scripts that have anything that looks like it's assigning a render function, then it finds its component name and adds it to the server.

>>60860566
Are you building a portfolio? I'd definitely like to see more of your projects, congrats anon!

>>60869264

ok well someone who is willing to work more than 40 hours a week will take the job instead of you

>>60860566
yeah, share some more stuff if you have any!

File: whatthe.jpg (6KB, 217x213px) Image search: [Google]

6KB, 217x213px

>installed node
>no clue what to do next

>>60868815
interesting but looks a bit enterprise-y, if you know what I mean. and elixir is no where as fast as the languages I mentioned, at least according to synthetic benchmarks.

>>60869776
This is why I created my own v8 engine runner, setting up a project is shocking.

Get express js, set it to return html, get reactjs or vue and make it return rendered components.

Guys, i have trouble with my mongodb.
Today i tried to run mongo console and i got this:

exception in initAndListen: 29 Data directory /data/db not found., terminating

My path should be right, i check config-file (/etc/mongod.conf) and there is my old path:

dbPath: /var/lib/mongo

- it's default, i using it.

Then i stopped mongo and tried to set my default path:

mongod --dbpath /var/lib/mongo

And there is output:

Detected data files in /var/lib/mongo created by the 'wiredTiger' storage engine, so setting the active storage engine to 'wiredTiger'.
exception in initAndListen: 98 Unable to create/open lock file: /var/lib/mongo/mongod.lock errno:13 Permission denied Is a mongod instance already running?, terminating

B-but i already stopped mongo before it. Wtf is that? How can i change the path if mongo starting instantly when i trying to do it?

Sometimes, web development is completely schizophrenic.
>isomorphic Javascript UI components
Stop this, there's no need to generate anything on the server with Javascript. You're not writing PHP.
>redux
Let's make a system designed to avoid side effects and then use it primarily to grab data from endpoints.
>promises + redux
Race conditions for everybody!

>>60868637
2015 i think it should work with any no? it works in school and its the free community one
i just pirated enterprise one at home

>>60870404
There is if you absolutely want to make sure you're not writing PHP. If you rely on client's browser to build your web page then it's going to take longer to load and in some cases make search engine bot stop working. This makes you look like a shit developer. What's ideal is that HTML is coming from your server as soon as the client hits with all the latest, up to date data.

Redux is memey the ONLY justification I've heard for it is "but now you don't have to touch the DOM." Pity jQuery is still included because they never actually finished the in house client web functions. It even results in more characters of code than jQuery, ultimately.

Someone on an old stackoverflow question said 'Keep in mind that script tags are not the only vulnerable parts of HTML'. Which others are?

>>60870404
Javascript everywhere has got out of control. Sadly it may only get worse for a while before something else entirely different becomes popular.

>>60870737
http://www.thespanner.co.uk/2011/12/21/html-scriptless-attacks/
http://lcamtuf.coredump.cx/postxss/

>vulnerable parts of HTML
any markup injection is a vulnerability in your code

What's wdg's opinion on vue.js? A less cancerous ReactJS?

>>60870823
What do you expect to perform clientside scripting?

>>60870829
How do RSS readers get around this when displaying content? Do they just strip all tags that aren't formatting?

>>60870823

or you could man up and learn other modern technologies

take your elitism and go shove it up your asshole faggot

>>60870860
vue is nice but I still prefer React+MobX or Elm

>>60870864

There is no scripting on RSS so injections aren't a big deal.

>>60870905
I don't know what MobX is, seems a little over my head.

I've basically finished a react serverside rendering project, I was thinking /wdg/ would appreciate vue or angular as well, it just seems a little trickier because, unlike vue and angular, reactjs really wanted to be serverside rendered from the start. Vue does have .vue files though.

I'm tempted to only implement a very simple templating thing like

data: { whatever = "show this" 
...
<div>{{whatever}}</div>

So far, I'm loading HTML files instead of JSX files and calling it "data" instead of "props" but otherwise largely the same.

The whole point is to get data from arbitrary places with C# and paste it in arbitrary places in resulting HTML and have everything load very quickly. Using reactjs entirely isn't a horrible idea, but it's not HTML files and that's irksome.

>>60871046
But the content tag is widely used.
http://web.resource.org/rss/1.0/modules/content/
A script tag in it would execute when rendered by an RSS reader, wouldn't it?

>>60870351
Try deleting mongod.lock, giving mongo/node more permissions. Also google?

>>60871050
>I don't know what MobX is, seems a little over my head.
they're rather similar

https://github.com/jarsbe/react-vue-comparison

>The whole point is to get data from arbitrary places with C# and paste it in arbitrary places in resulting HTML and have everything load very quickly.
I might be misunderstanding you, but why the hell would you use a client-side framework for that?

>>60871151

The spec denies parsing a bunch of html tags and that include scripts.

File: sadpenguin.jpg (5KB, 212x249px) Image search: [Google]

5KB, 212x249px

Why is everyone shitting on Angular here?

It's pretty good and easy to work with.

>>60869355
>>60869362
>>60869468

Thanks a lot lads, all of your posts really helped out. Now I know exactly what to do and how to search more info on the topic.

>>60869776

const http = require('http');
const server = http.createServer(function(request, response) {
  // read data from the request
  // put data into the response
  // end the response
  // read the node http module docs to learn how to do this
});
server.listen(8000, '0.0.0.0', function() {
    console.log('server running at http://0.0.0.0:8000');
});

That goes in a .js file that you run using

node yourfile.js

, and then you access it at localhost:8000 in your browser.

And the http docs are at
https://nodejs.org/api/http.html

>>60871315
That makes a lot of sense. Where is the information about this?

>>60871451

yeah im getting it now thanks

does it matter where i make my project folder?

>>60852501

trying to get this website to work with LibreJS

https://returntofreedom.salsalabs.org/safeactpetition/index.html

(Fuck me for caring about horses, etc., etc...)

Does anybody see how it gets the form button and petition? I don't see it in the debug tools network tool. With LibreJS on it loads the page hidden under some CSS, but I can't find the actual petition

File: lol.jpg (44KB, 481x600px) Image search: [Google]

44KB, 481x600px

>>60871568

Made you look

>>60871568
>>60871580
you both have autism

>>60871471

In fact I maybe full of shit, is not a matter of the specs but I think the parsers are advised for denying scripting. That shouldn't be hard to confirm fire a xml locally and see if you get DOM.

Also read this:
https://bugzilla.mozilla.org/show_bug.cgi?id=1321247

File: ddddd.png (110KB, 1220x694px) Image search: [Google]

110KB, 1220x694px

Is it possible somehow on WORDPRESS to export a lot of paragrahps/page full of text into separate posts ?

eg. Image Lorem Ipsum with 50 paragraphs. Now I want these paragraps to be exported into separate posts. pic related

>>60871796
If only there was some way to parse large chunks of text in some kind of scripting format.

>>60871796
Do you know how to write scripts in python or something similar? Basically just split the raw text by \n (newline) characters. Then export each character of the array as its own text file.

If it's formatted HTML, and you want to preserve it, you can split by <p> (paragraph tags) or whatever they're separated by.

>>60871443
>good
>easy
I have to use Angular 1 at work and I'd wish I could dose it with kerosene and burn it down. Vue is less retarded when complexity starts building up. Dunno about react, haven't had the chance to try it yet.

>>60872165
I guess thats possible, but how I would mass upload that stuff into separate posts? Creating posts myself one by one will take ages.

>>60872402
https://tommcfarlin.com/programmatically-create-a-post-in-wordpress

>>60870860
web assembly will perform client side operations most likely. I bet closurescript will be cross compatible with old browsers and web assembly.

Hey Guys. I wonder.
If I create a .php file which for example contains the login/password to a mysql database in variable form and then put that file on a secure webserver, will users be able to access my login data when accessing my .php file via their webbrowser? I still don't get how exactly php works.

>>60872201
react is very simple. as long as you get reusability right out of the gate.

>>60872676
that's fine, it's a common practice. but there's a risk of apache/nginx being incorrectly configured and php files being served as plaintext (rather than being executed server side by the FPM) at which point your login credentials would be leaked. a better way is to create a php file in an internal directory not accessible by the webserver and _include_ it

>>60872676
if you store the data in a variable in a source file that properly goes through the php interpreter then theoretically it would be safe. however, the recommended thing to do here would be to put the sensitive data in a file that isn't publicly exposed and then read that file from your php code.

File: AcrobatXIRecert.png (203KB, 1618x1097px) Image search: [Google]

203KB, 1618x1097px

>>60865956
Just going to repeat my post here because maybe someone in the USA has some insight (other parts of the world less so).

What type of web dev certificates (ACE, jquery dev, MCSD, etc) are easy to obtain, useful, or add significant value to one's portfolio or résumé?

>>60872986
certificates are worthless in webdev unless you're doing enterprise java

>>60872986
As the other Anon said, certs are indeed worthless. What you do need and what impresses recruiters/hr and potential clients most is a strong portfolio. A strong portfolio is one that has great personal projects, work experience/rich client history, and open source contributions for mid to high-level projects.

>>60872461
Thanks mate, you put me on the right track.
Basically i'm thinking to use this:
http://exygy.com/run-one-time-wordpress-script/

with this:

global $user_ID;
$new_post = array(
'post_title' => 'My New Post',
'post_content' => 'Lorem ipsum dolor sit amet...',
'post_status' => 'publish',
'post_date' => date('Y-m-d H:i:s'),
'post_author' => $user_ID,
'post_type' => 'post',
'post_category' => array(0)
);
$post_id = wp_insert_post($new_post);

Seems like everything is working.

Guten acht.

Weird question, pardon if it's genuinely stupid, I already asked in /fglt/
Is there a tool for making websites like this?

https://standards.freedesktop.org/basedir-spec/latest/index.html

I'm talking about the table of contents and the "next" and "prev" buttons in the footer and header.
It's not silly to assume they don't make it by hand no?

I know it's extremely basic but this is exactly what I'm shooting for. I just want to know if there's some magical thingy that makes putting all these objects like the forementioned buttons automatically instead of linking it by hand.

So *how* do you vertically align text in a div through CSS? Asking for a friend, that friend being me

>>60859358
>I know C, C#, C++, and Java
>I don't really know any webdev languages. Is learning X a good choice?
faggot
if you knew C# and Java (which is double use) you'd use those
if you knew C and C++ you could pick up Go and you'd pick up Go

>>60873335
index.tpl

<h2>XDG Base Directory Specification</h2>
...

1.tpl

The XDG Base Directory Specification is based on the following concepts:
...

etc.

generator, pseudocode:

titles := ["Basics", "Environment variables", "Referencing this specification"]

template := readFile("index.tpl");
template.append("<ul>");
template.append("<li><a href='index.html'>Introduction</a></li>");
i := 1;
for (title in titles) {
    template.append("<li><a href='${i}.html'>$[title}</a></li>");
    i++;
}
template.append("</ul>");
template.writeToFile("index.html");

i := 1;
for (title in titles) {
    template := readFile("${i}.tpl");
    if (i < titles.length) template.prepend("<a href='${i + 1}.html'>Next</a>");
    prevHref := i == 1 ? "index.html" : "${i - 1}.html";
    template.prepend("<a href=${prevHref}>Prev</a>");
    template.prepend("<h2>${title}</h2>");
    template.writeToFile("${i}.html");
    i++;
}

>>60873583
container:

display: flex;
align-items: center;

>>60873697
also JS is mandatory

>>60873702
nice

>>60859358
Java and C# have robust web development frameworks. For C#, use ASP.NET. For Java, the choices are more varied. You can start with Servlets/JSP which is a foundational technology used by many other Java frameworks to which you can later move on if you so desire, or you can use the Play Framework (which isn't Servlet based) if you want something with more excitement surrounding it.

Does anyone know how WordPress's

str_replace

function works?

The developer reference seems to be missing any and all documentation for it. I'm assuming it's a builtin WordPress function because there's no place it's used in the default "twentyseventeen" theme they give you, and it's not defined anywhere.

Also, unrelated, there's a filter tag that gets mysteriously defined somewhere, but I can't find it by searching and I have no idea where it would get defined because I still don't 100% understand WordPress.

I guess maybe I shouldn't be using the themes they give you to learn off of, since those are built for actual, flexible usage.

>>60874429
http://php.net/manual/pl/function.str-replace.php

>>60864548
Yeah it's a pretty gay list

>>60874498
Ah, ok, thanks. I had assumed that naming functions with underscores was a WordPress thing, rather than a PHP thing.

File: site.png (8KB, 913x225px) Image search: [Google]

8KB, 913x225px

>>60873702
Thanks for the CSS help, but it doesn't work. I've put it in a container. The text I want vertically-aligned to center is in the white boxes in pic.

body {
    background-color: rgba(0, 0, 0, 90%);
    color: aliceblue;
    box-sizing: border-box;
}

#wrapper {
    margin: auto;
    width: 75vw;
    text-align: center;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: rgb(21, 26, 57);
}

h2 {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: "Bubbler One", Arial, sans-serif;
}

#bcont {
    display: flex;
    align-items: center;
    justify-content: center;
}

#b1,#b2,#b3 {
    font-family: Arial, sans-serif;
    height: 10vh;
    min-height: 10vh;
    width: 20vw;
    min-width: 20vw;
    margin: 4px;
    padding: 2px;
    background-color: aliceblue;
    color: #000000;
}

HTML is here:

<body>
    <div id="wrapper">
    <h2>Portfolio</h2>
        <div id="bcont">
            <div id="b1">HTML & CSS</div><div id="b2">Javascript & jQuery</div><div id="b3">PHP & MySQL</div>
        </div>
    </div>
</body>

>>60874595
the text is in #b1,#b2,#b3
so these should be flexboxes
not #bcont

File: chrome_2017-06-12_19-25-21.png (8KB, 314x140px) Image search: [Google]

8KB, 314x140px

I'm doing a migration from a third-party real estate CMS to my own.

The /g/ods can help me on this one?

How can I easily obtain the HTTP post data in a way that I can automate?

I'm going to be doing a Macro program to automate all the steps but I can't find a way to automate getting the POST data without going F12->Network->Clicking on the php and copying the Form data manually.

File: site.png (9KB, 930x263px) Image search: [Google]

9KB, 930x263px

>>60874683
Cheers. From that I experimented and found the answer. For anybody curious:

#bcont {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#b1,#b2,#b3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    height: 10vh;
    min-height: 10vh;
    min-width: 20vw;
    margin: 4px;
    padding: 2px;
    color: #000000;
    background-color: aliceblue;
}

>>60874890
Trace to where it executes the ajax. Afaik browsers can't write to filesystem directly.

When it comes to nesting divs inside divs, how many is TOO many /wdg/?

>>60869754
And then they would quit necause no one wants to work over 40 hours for mid-level pay.

Doing 40 on a computer when working hard is already mentally exhausting. It opens you up to stupid mistakes.

>>60875226
7

>>60872402
WP also has REST API.

>>60873335
CMS

Simple JS question. I want to display the date and time that a page was modified on the page itself. Every code I have come across through Google makes the date and time display when the page was accessed, instead. How do you display the last modified time of the page rather than last access?

Anyways for PHP to update a JS page without the JS polling?

I have a 1 out of several 100 hour event happening on the backend and don't think it would be best to have the page poll constantly.

I know I can do this with websockets, but I have an established LAMP site and would rather not redirect to a new node droplet.

>>60874572
One of the problems of PHP- naming is inconsistent.

>>60875466
PHP sucks at real time stuff so polling is probably your best chance.

>>60875456
Ehhh browsers don't do it anymore. At least unless I go all out like Wikipedia and store the data in a database. That sucks.

>>60875466
There's no way for any language or platform to do what you're asking for without any sort of persistent connection between the client and server. Web sockets are the only viable option if you don't want to poll.

>>60875466
Server side events are another way of keeping an active connection

File: site.png (12KB, 884x163px) Image search: [Google]

12KB, 884x163px

Bruhs. Do I have to wrap the bullet points up into ANOTHER set of <div> tags just to get them below the title?

    <div id="wrapper">
        <div id="contt">
            <div id="titlep">Portfolio</div>
            <div id="titlex">Last Updated: 13th of June 2017</div>
        </div>
        <div id="contb">
            <div id="b1"><h4>HTML & CSS</h4><br/>
            <ul>
                <li>osdpkdadosa</li>
                <li>dsoijdoijia</li>
                <li>jsoidsjdoas</li>
            </ul>
            </div>
            <div id="b2">JAVASCRIPT & JQUERY</div>
            <div id="b3">PHP & MYSQL</div>
        </div>
    </div>

h4 { clear: right }

doesn't work, neither does 'both' value.

>>60864000
I use it at work and I'd love to discuss but I'm afraid 9 out of 10 posters here are 5+ years behind the curve and dont even develop SPAs

>>60875685
Not all browsers support this.

>>60875691
Relevant CSS:

#contt,#contb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

h4 {
    clear: right;
}

#b1,#b2,#b3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    height: 10vh;
    min-height: 10vh;
    min-width: 20vw;
    margin: 4px;
    padding: 2px;
    color: #000000;
    background-color: rgba(226, 222, 205, 50%);
    border: 1px solid #ffffff;
}

>>60875691
Use a grid or flexbox.

>>60875731
I guess this is when we use a polyfill :D Thank you microsoft.

File: 1353480551378.jpg (67KB, 479x599px) Image search: [Google]

67KB, 479x599px

What are some fun things you're doing with your VPS servers?

I was thinking of implementing a rmtp server for some friends.

what do you guys think of element queries
http://marcj.github.io/css-element-queries/

>>60875691
>>60875750
Ignore. It's just the <ul> tag screwing things up. I'll play around with CSS some more and stop asking about basic stuff.

>>60875763
I may still give that a shot. Styling is fun

>>60875777
Or just use web socket and be done with it.

>>60875792
Media queries and jquery/bootstrap/materialize/etc already does this better

File: chanstats_table.png (71KB, 1356x857px) Image search: [Google]

71KB, 1356x857px

>>60869741
>>60869766
that's the only thing I got.
I made a portfolio page for future use, but don't have anything to put on it yet.
Thought about doing like 1 or 2 mock-websites of fake shops or something as examples, when someone looks me up.
And then either go for a junior dev position or do sites for local businesses.
Basically trying to finally stop being a NEET and do something with my life.

Added some of the more active boards as well.

Does anyone have experience with excessively using public APIs?
If the server queries the 4chan API with about 10kB/s and I let it running 24/7,
that's ~864MB a day or ~26GB for a month.
Is this an acceptable level of bandwidth usage or is some admin going to do something about it?
I would imagine, that all the archive sites are using a magnitude more.

>>60875806
websockets also require a polyfill to have decent browser support.

>>60875806
Server side events use less traffic, but they are not designed for real-time apps.
Windows 10 S will make Server Side Events unfeasible in desktop due to the Edge Engine being imposed in all browsers

I followed this tutorial https://www.w3schools.com/html/html5_serversentevents.asp

and it keeps updating the server time. Why?

How is this different from using AJAX every 3 seconds?

>>60876103
Use conditionals, loops and timers
https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events

>>60876071
IE10+ isn't good enough?

>>60876163
Huh, I guess websockets have better support than I thought (and server sent events worse).

Yeah, you're probably good.

I deselect all options from a multiple select dropdown like this $('#multiple').val(['']).trigger("change") but the page starts lagging and crashing every time its triggered any idea why?

So, if Apache runs on port 80
Node seems to run on port 2000.

That means that Apache will run even if I install node, right?

>>60876376
Node doesn't run on any port.
It's just an environment to run JS on the server.

If you develop a Node app, that allows outside connections, then you can pick any port you want.

>>60876420
Why does 'install nodejs' install and end of life version of node?

What the fuck, every guide is out of date.

>>60876457
yeah, just go straight to the node site itself and copy paste the commands for node 8
https://nodejs.org/en/download/package-manager/

>>60876457
Use nvm

Any good courses, tutorials, guides, PDFs, etc, about database design? all I've used for my small projects is noSQL but the more I read about relational databases the more they seem like the better option in enterprise level applications.

coming from javascript I think arrays in php are confusing. why not brackets [] instead of ( ) ?

js array = []
php $array = ( )

And also that arrow notation instead of a single dot to separate key/values

js = [text1.value, ...]
php (text1 => value)

paamayim bullshit

>>60861069
>>60860736
One idea is to look into socket.io rooms. You'd basically stick your sockets each in an individual room:

io.on('connection',function(socket){
    socket.on('regUsr',function(usr){
        //fired when user loads a page;
        socket.join(usr.someRandomId);
    })
    //then later on, somewhere else:
    io.in(user.someRandomId).emit('oneUsr');
});

Your other option is to use the fact that "Each Socket in Socket.IO is identified by a random, unguessable, unique identifier Socket#id." (from the socket.io docs). So if you're getting a socket incoming from the client, something like:

socket.on('gimmeMyChickenTendies',function(id,msg){
    //do some stuff
    roastTendies.then(function(t){
        socket.broadcast.to(id).emit({tendies:t});
    })
})

>>60869776
Do you know vanilla front-end JavaScript? If not, start with that. If you do know it, scotch.io is relatively decent on just setting up a basic node server. Remember that other than a few specific differences (access to the file system, no 'window' object, etc.), it's basically just regular old JS.

>>60877292
Disclaimer: I actually did NOT learn nodejs from a site, so I can't guarantee that scotch.io is good. Just in case you try and it's shit.

>>60860736
Hell yeah, I just started this shit too.

I've been doing react for a year, angular for 6 months, and vanilla js for 16 years.

JUST NOW getting into this mother fucker.

File: 1497300573222-1.jpg (304KB, 941x882px) Image search: [Google]

304KB, 941x882px

What's a good JS framework for web applications? I was thinking about making an application that visually looks like a discord but for news aggregation.

Doesn't have to be JS btw. Just figured since it's the hottest meme language it'd be good to have some experience it

>>60856614
I highly recommend learning programming principles through this guys tutorials. He uses python which is a great language to start learning with. https://youtu.be/fvhNadKjE8g

I'd recommend looking at different ends of the spectrum when it comes to web development, and find what interests you the most. By the time you have a good grasp of HTML/CSS/JS, you'll probably learn about different frameworks and libraries. Before you go straight into a framework or library, learn how you can write what you want to achieve without one. e.g. learn to do similar things that jQuery can do, but in vanilla Javascript.

You'll come to a point where you'll realize that there are a billion different ways of achieving the same result across languages, libraries and frameworks. Find what feels most comfortable to you and get better in that area, but also see if you can do the same thing with a completely different language/library/framework.

Good luck, anon.

>>60876706
Just play around with sqlite3 with a bit of any relational data, then use mysql or postgres when (if) the time comes to implement it.

File: 1379392156453s.jpg (7KB, 250x235px) Image search: [Google]

7KB, 250x235px

Tips on getting clients as a freelancer?

>>60877574
eliminate all pajeets

>>60877359
Socket.io's pretty awesome. Remember that you can send stuff other than just boring text across it. I used it with a Node/Express server and the mobile deviceOrientation event (which returns fag if you're OP, spatial orientation otherwise) to basically make a multiplayer shoot-em-up game using your phone as an ad-hoc wii-mote type thing. Really easy.

>>60877574

router.get('/clients',function(req,res){
 res.send('Got clients!');
})

>>60877439
express?
http://expressjs.com/

is there a tldr on express, node, and socket?

Like what does each one do?

>>60877439
I'll second >>60877654 . Express is pretty easy. You can write node servers without it - and with no frameworks in general - but Express just makes it easier, especially when dealing with routing.

Did you mean front-end? If so, Angular, Vue, and React are all nice. I'm an Angular fanboi, but that's mainly because I'm used to it.

>>60853434
Jest + Enzyme

>>60877667
Node: JavaScript on the backend. Normally, JS is only in the browser. Ryan Dahl didn't like that. So he made NodeJS, which does stuff like allowing access to the file system, allowing you to write webservers, etc.

Express: One of a pajillion packages written for Node. Allows you to write really simple, comfy web servers in like a few lines. From the ExpressJS docs:

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World!')
})

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

socket.io: Another framework(?) for JS. Normally, in client/server communication, it's a sorta one-way conversation. The client asks the server for information, and the server responds. The server cannot initiate the conversation by being like "Hey, Listen!" whenever it wants. That's great and all, but what if you want your website to change visually when, say, a new widget is registered on the server? Socket.io allows you to do that by essentially keeping a connection 'open'. Keeping the connection open also allows the individual payloads to be smaller, since you're not sending massive headers across too.

So, TL;DR:
Node: JS on backend.
Express: Write servers n shit yo.
Socket: quick two-way communication. In soviet socket.io, webserver contact you!

>>60877667
I think node.js is built on the javascript engine that chrome uses to interpret(?) client-side javascript for websites

express is a web framework for nodejs (javascript?), honestly i haven't used it. but I assume it's a MVC (model-view-controller) style framework like laravel/php, flask/python, ruby/on rails.

socket.io is a library for websockets, gives you two-way communication browser to server. people can make real time stuff, and games with it

reddit used websockets to make /r/place, i think they use python
https://redditblog.com/2017/04/13/how-we-built-rplace/

>>60877738
So is express what makes the db or node?

I'm confused as to how those two work together.

Thanks for the awesome info btw.

>>60877772
Only corrections I'd say are that node's server-side, generally. I think that's what you meant, but just to clarify: Node uses the same JS engine that Google Chrome uses (called V8), but just makes it work on the server.

Express isn't really an MVC. It's a routing framework for Node servers.

>>60877784
Express is a webserver and only a webserver. If you want database access, you'll need to use another library.

Node tends to abhor gigantic all-in-one frameworks like Django or Laravel, and instead have you pull in purpose-built components for every piece you need.

>>60877673
I think I meant front end? I'm still shaky on the terminology, but I think front-end is what I'm trying to go for. Express can handle some background things as well, right? Fetching text and images specifically.

>>60877784
You're welcome.
Lemme explain, with regards to your question. Express is one of many packages available FOR Node, via a service called NPM (Node Package Manager), which is installed with Node automatically.

Example: So when you buy your computer with NeetOS preinstalled, you can then download and install any of a number of other programs to supplement your NeetOS. You don't NEED those programs, but they add other convenience features.

Another package that's pretty common is Mongoose, which interfaces with MongoDB, and Sequelize, which interfaces with SQL-based db's.

Note that neither of these will 'make' the db as you put it: Node still would need a separate database to be running on either your computer or someone else's with you having access to it. However, Node would be able to access it in the following way (very pseudo-coded):

const express = require('express');
const app = express();
const mongoose = require('mongoose');

app.get('/', function(req, res) {
    res.send('Hello World!')
})

app.post('/newNood', function(req, res) {
    //note: you'd need to define the models here too. Specifically, you'd need to define 'nood' as a mongoose model somewhere.
    mongoose.model('nood').create({ someData: someData }, function(done) {
        res.send('saved noods!');
    })
})

app.get('/nood/:id', function(req, res) {
    mongoose.model('nood').findOne({ name: someIdentifier }, function(err, n) {
        //note: most (if not all) Node-style callbacks follow the 'err,data' format. 
        res.send('Your nood is', n)
    })
})

app.listen(3000, function() {
    console.log('Example app listening on port 3000!');
    //now we connect to our DB.
    mongoose.connect('someMongooseDatabaseURI/noods');
    db.on('error', console.error.bind(console, 'bro u fucked up'));
    db.once('open', function(e) {
        console.log('Database connected!')
    });
});

Which project do I do?

>private image board
>news narrative / fake news tracking website

>>60877831
express is ONLY back end. It basically just makes writing routes easier. front-end = what your client sees, what directly controls the website behavior. Back-end = what happens on the server, communicates with the databases, etc.

>>60877883
Write a markov chain to generate your own news articles.

>>60877883
fake news thing, but use topic modeling on tweets to make something similar to google news

https://www.quora.com/How-can-I-cluster-tweets-together-by-topic-when-I-dont-have-a-list-of-topics-in-advance

is there a list of projects to do to learn webdev? and I mean like web apps. not making your first html page

>>60877982
https://vuejs.org/v2/examples/
http://flask.pocoo.org/snippets/
https://github.com/vuejs/awesome-vue
https://github.com/humiaozuzu/awesome-flask

i'd say just read source code, examples and documentation, figure out something you'd like to do and attempt it with whatever you're most comfortable with, doesn't have to be vue or flask

>>60877893
Ahh. Thanks so much.

Any heavy vue.js users here? What are the main features you use.

I'm >>60871050 and if all I need to do is run JavaScript after all the points with {{ and then paste in whatever the engine returns, which would even get something like data binding anyway, that's easy and I don't even need vue. That's what you get, html escaped with JavaScript.

The system is C# BTW, at the moment you call a constructor and pass it an anonymous object, or set a func to return an anonymous object, which becomes props for a reactjs file, the server renders it and makes it the root component of a web page. This all happens in under a millisecond in the best cases and can be done on the users end in 3/4 lines of code.

But every time I come here someone hates reactjs and I understand every word. It's not cute to have all your html in a render function in jsx files and then have absolutely nothing with a html file extension. Everyone should see a problem with that.

Simply using {{ and }} as escape sequences is easy, otherwise I'll see what I can do with vue. But I need some usage cases, it's not like react where everyone was like "oo Facebook uses it!" (which is still slow and still probably has php lurking in the backend and never actually fixed Facebook signalling problem). The vue data structure is actually large, complex and has a few features. In many ways vue is better than reactjs, although reactjs is nice such as it was made for server-side rendering.

>>60871281
Hey, I missed your question.

I run the client side framework server-side to generate HTML that's complete with data existing server-side, basically replacing PHP with v8 running JavaScript that doesn't even run if it's asked to render some script and props combination that's already run.

The result is you have backend data coming immediately at the client as they connect, this solves everything SEO and means the page loads before the JavaScript does. People love fast loading times, so I made it happen in under a millisecond.

>>60878021
Vue is the alternative to reactjs.

>>60877667
>is there a tldr on express, node, and socket?
>Like what does each one do?
Node is a program written in C++ that instantiates v8 engines and runs JavaScript code. Anything you like besides jQuery which flips a fit because it assumes the DOM exists.

Express is a JavaScript library intended purely for backend development on node. I don't think it'd work on anything else, even mine which is C# that instantiates v8 engines.

Socket is another http implementation for node. I assume it's more relaxed about what it can send (not just "boring text"), but 99% of the time you'll want to send something that's either text or json. Files should really be handled by apache or nginx.

In comparison, my project is as if I rewrote node in c# specifically for the purpose of loading jsx scripts and returning html, or really using some guys library which reimplements node in c#...

File: 324873463.png (16KB, 310x330px) Image search: [Google]

16KB, 310x330px

Repost from /dpt/

>What are you working on, /g/?
Personal replacement for Yahoo pipes

It pulls entries from separate rss feeds, sorts them by date, cleans up the name and joins them back together.

Now I have to figure out how to put them back into a single rss feed and how to host it. Any ideas?

I was thinking of getting a free website, hosting the python script on my computer that runs periodically and uploads to the website.

>>60878522
Could start with a $5/mo digitalocean server, run nginx web server and learn how to set a cron job to run python every x hours/days.

Later you could buy a domain name from somewhere like name.com and point it to your digitalocean server.

>>60878566
I don't want to spend money on it.

>>60878522
Why host it as RSS? Ultimately much of web development is getting data and showing data

>>60878594
Why even host? Just have it running on an always running computer and listening on an IP address, if you use port 80 you can access it simply by using your phone on your local network and entering the ip address in.

Zero funds.

>>60878594
Look up how to port forward your web server on your local PC in that case.

>>60878632
>>60878625
Port forwarding has never gone well for me.
I have a dynamic IP, would it still work?
It needs to be read by a widget on my phone.

>>60878874
Dynamic IPs just mean that your external IP will change once in a while.

You'd configure port forwarding (sometimes aliased as virtual server) on your router with port 80 and make sure your firewall isn't blocking the connection.

Make sure the router forwards port 80 requests to the computer running the web server. Also put a static local address on the PC so that in the case that you were to disconnect, your LAN IP doesn't change.

>>60878874
You're not going to get it across a wan but you will he able to do this across a local network. Getting anything out from a domestic IP address is difficult.

The anti SJWs want to be able to run node on their phones and host sites without any moderation, it's a popular idea but it's too tricky to connect clients straight to a completely random IP address that might not even be listening on port 80.

>>60878919
You can do it across WAN but the external address for accessing the web server will change. This is where dynamic DNS may be handy.

Does anyone use Electron? Somehow this file I try to download seems to be getting cached somewhere, which is a huge pain in the ass.

Is it too much to ask, when I launch an HTTP request, for the program to actually connect to the internet?

>>60878937
Try ctrl f5

>>60878919
>>60878918

It seems pretty easy to FTP a file to a free site with my program then point my widget to that site?

Or is hosting it all yourself just the 'proper' way to do it?

>>60878945
No, I need to programmatically download a file. I'm just going to append a ?timestamp to the request in the future, but it's a pain in the ass, because I don't seem to be able to push an update to my Mac users until the Electron cache decides to clear. Yes, this only happens in the Mac version of Electron. And browsers and curl download the latest version.

Meanwhile I have a totally separate issue on Windows, but I can't debug it because I have my development environment set up on Mac.

>>60878930
I was actually thinking something like a video game server, which operating systems are happy with, being connected to viewers by a distributing server I guess someone will have to pay 5$ a month for. Even then it's fishy as hell expecting browsers to connect to random IP addresses.

Dynamic DNS seems complicated.

>expecting dumb everyone hosting on their phone to set up a dynamic dns
Then they go across networks or go across cell areas and I have no idea.

>>60878937
Lol caching mayhem.

I cache like this.

If the props, script and file is original, do not cache. Otherwise retrieve the output from the lowest cache.

If the props are the same as the last request by the same client, do not cache don't even store/retrieve anything. Just resend what you sent last time.

If what the server can hash what it gets from whoever is using the server and it's the same as the clients etag, do not resend the data must send a 304.

So I have three things designed to not do work if work is needed and this revolves around the principle that if things are actually different, clients actually do really want new data. Do not cache.

Is there something you can use besides bootstrap or materialize?

File: IMG_1687.jpg (37KB, 480x360px) Image search: [Google]

37KB, 480x360px

>>60879101
Ur imagination

I like skeleton

>>60878990
The cache finally reset, thank god. Somehow it persisted through a restart of my laptop, but disappeared at some point in the last few minutes.

This was a clientside cache btw. And as long as it looks for a new version every once in a while, I should be fine. I just don't want to be left out in the cold with no way to push data to my users.

>>60879137
If the server-side is sending cache max age as 0, then the client will always return to the server for a fresh response. Then, it's up to the server, or whatever is serving, to not 304 inappropriately. If things are 304ing and only 304ing correctly, at least you have the fact not much is actually being sent.

Since literally everything these days is dynamic and developers never not want to see their changes, it's best to not have aged caches and instead rely on your server to handle caching, especially on live systems.

Your problem was likely the cache headers bro.

>>60879186
Ah, that makes sense, thanks for the info. I just switched to using S3 (I was previously downloading things straight from github) so it makes sense that it's the server controlling that.

I'll have to figure out how to get the cache headers set up for files on S3.

>>60878979
Alright so turns out my other problem was due to an old bug that I just didn't even notice until now.

Turns out GitHub has some weird url parsing for retrieving raw files. If you stop partway through a path and start a new url, then it will go to that url instead. I'm not sure why that is, but somehow it concealed a bug from me for about 8 months.

e.g. the url:
https://raw.githubusercontent.com/electron/electron/master/https://raw.githubusercontent.com/electron/electron/master/.gitignore
actually returns the correct file for some reason.

It fails on the 3rd level of nesting though.

>get first web dev job
>back end uses Laravel 4 with no models, seeds or migrations
>front facing website is a labyrinth of old PHP code with hundreds of manually written php pages "for SEO"
>200+ database tables that aren't linked via relationships and no one's bothered to write an ERD

God what did I get in to.

>>60879641
I know this feeling, bad ideas for "reasons" and knowing they're bad ideas but being told to shut up.

I'm taking on my first commercial project(free tuition site) and only done small personal sites before so dont know what framework would suit it but it needs

>Search bar/engine? Functionality
>Handle or convert over 400 html pages currently
>Easy way to add pages with formatting
>Cant be wordpress :(

What can i do

How does a certain website detect if a user has adblock enabled?
-Sees if the page contents are loaded?
-Sees user enabled extensions?

>>60879641
https://www.youtube.com/watch?v=65NrzJ_5j58

>>60877217
Maybe you should check your knowledge about PHP.

>>60864427
Atleast the first part is decent

is node really pajeet tier?

Why the fuck is jekyll so retarded for a bash install on windows

Do browsers have default module loaders for JavaScript modules the way Node.js has a default module loader?

>>60878317
really like the single-file-components
>HTML
>Data,Methods,Lifecycle-Hooks
>Scoped CSS
All the parts, that interact with each other easily accessible in one place, but nothing else, that does not belong to the component.

Tried both React and Vue now and Vue feels a lot "cleaner" in its structure. Though admittedly I don't have too much experience with React.
JSX doesn't seem "right" so far, but maybe I will warm up to it in the future.

>>60878594
try GitHub/GitLab Pages or Netlify

>>60879101
Foundation or Bulma
Pure is another very small one

I usually either use Bulma or a small selection of Foundation modules without any of its JS parts.

>>60880852
it is windows that is retarded

>>60880115
>Sees if the page contents are loaded?
this one
http://www.detectadblock.com/

>>60880833
please rephrase your question without using meaningless memes

>>60880012
Depends what you need, probably rewrite and quote a fortune.

>>60881055
I like keeping things simple, reactjs is irksome because its html returned from script.

Vue seems to be mostly data binding and some script loading such that

outputBuilder.Append(engine.GetInstance().Execute(segment))

Could both return just data binding or run a short script using what it gets from data or whatever, so long as something gets returned. If this is all vue is, and some sincerely awkward onclick binding, then I'll just implement it like that and go on to my next project.

This is basically html escaped with JavaScript.. but it's not script tag JavaScript because this one runs server-side before returning to the client. I even made the delimiters a public prop so you can change it to "dicks" and "vagina" so whenever the parser sees dicks itll start executing because computers are sexist like that but when it sees vagina it'll stop.

This could even be more useful than that react shit because zero libraries are needed here.

File: 31431867.jpg (22KB, 402x480px) Image search: [Google]

22KB, 402x480px

>>60878522
Everything's set up and ready to go apart from the FTP within python.

made a free site, uploaded a generated.xml with filezilla, read the test with my phone.

Trying to connect to the site with ftplib I get:

error: [Errno 10061] No connection could be made because the target machine actively refused it

Any help? Why would it refuse it if it let filezilla connect?

I have a lead on some freelance work that requires me to know some PHP. What is the best resource to learn from? I looked at amazon kindle books and they all look like scam shit.

>>60881197
huh, what do you not like about Vues @click event?


Anyway, what I would love is a way, to generate a pre-rendered site from Vue components, without the final output including any Vue instance.
For the use case, where you don't have any dynamic content on the page and just want to use Vue components to structure your source.
Basically using it like a template engine I guess.

Nuxt and prerender-spa-plugin can generate the prerendered content, but the output always includes Vue.js, which wants to mount itself again on the HTML.

File: 20349873.png (25KB, 395x887px) Image search: [Google]

25KB, 395x887px

>>60881546
Nevermind. It worked when I passed it the IP instead of the address.

It's all done now. Going to schedule it to run a couple times a day.

Just have to add in the rest of the manga sources

Not bad for my second real programming project

>>60876457
Lmao linuxtards.

How do you distribute packages internally?
I'm on a team which just now is comming out from the pure asp.net WebForms web apps with a side of JS and into the world of js apps supported by C# data services (so we don't throw away our old code). We don't know the first thing about building projects. Our apps were always these monolithic projects that we would share among ourselves without any sort of version control. It was madness and against everything I learned.

Things are a little bit better now, we use TFS to version the apps, but we still haven't figured out how to share modules, components and such between our apps (other than copy pasting, which would result in a nightmare to keep all projects up to date).

They don't really want to pay for NPM private packages, since there's only 7 people on the WebDev team, but they also don't want us hosting our code in public platforms like GitHub and NPM. How the hell do I share small packages so people don't keep re-writing the same forms?

>>60882739
You host a private git repository somewhere else. There are free ones available.

When their lower quality service inevitably comes back to bite you in the ass you tell your managers "you get what you pay for"

>>60882739

Host a local git repo.

>>60882817
>>60882782
I'm thinking about hosting our git repo in TFS. I understand how to version full apps on git, but I don't really know how to distribute something small, like an Angular service or a component that we want to share across our projects.

Python or PHP?

Does anybody here contribute to projects, be they open-source or whatever, on github and such, just to have a better chance of getting a job? Recommendations on easy but worthy projects to contribute to?

File: zero.jpg (22KB, 1810x260px) Image search: [Google]

22KB, 1810x260px

>>60882901
No, didn't feel confident enough so far.
Here is something to start though.

http://www.firsttimersonly.com/
http://up-for-grabs.net

>>60882899
JavaScript & Node
Get going with the new hotness anon

>>60882899
PHP has a lot of critics and a reputation for being spaghetti-tier coding most of the time, however, it is still very prevalent in webdev and apparently it's very easy to get up and running with it. It's only good for webdev though, nothing else.

Python is a general coding language, good for webdev and anything else you'd like to do. Strong community, tons of tools, pretty easy to pick up as well.

Do a job search in the area where you'd like to work and see what has more job offers, if that's your goal. But in general I'd say, if you want to get a webdev job as quick as possible, PHP, but if you have more patience and see this more from the long-term perspective, go with Python.

>>60882882
You set up repo per component. There are ways to include other repos in your project.

>>60883728

Why not just make a directory per component?

any real css masters in here?

how did you learn? currently reading quite a lengthy book to raise my level of understanding of the language

>>60883863
https://know-it-all.io/
is a cool site that basically lists all the W3C CSS standards (as well as some other standards). It lets you say how well you already know each thing, and then go through the list of things you don't know and check them off.

It's a good resource for learning about features of CSS that you don't already know. It doesn't actually provide explanations of those standards, so you can use whatever resource you prefer, MDN, w3schools, the actual spec, etc.

>>60882899
JavaScript.

>>60883022
PHP jobs are basically tech debt jobs.

>>60883021
Actually I like JavaScript and either C#/Java, any lower and it'll be difficult for web, any higher and it gets slow. JavaScript is my favourite templating language (heh) and client side language.

File: 1496687399490.jpg (129KB, 620x850px) Image search: [Google]

129KB, 620x850px

I like PHP. Don't see how Python is better or vice versa. Back end is back end. The key (in my opinion) is using AJAX to work with your back end in a faster and more efficient way.

>>60884060
that link is awesome man

File: slack_img.png (150KB, 620x478px) Image search: [Google]

150KB, 620x478px

>>60860407
Not that Anon but here's a list of some things to look at when considering freelancing or perhaps setting up your own company:

- Find work via sites like UpWork & PeoplePerHour, if you're not a total dweeb go to conferences and gatherings in your city and you'll find people there; interact with as many people as you can and make your skill set known.

- When it comes to charging, using the aforementioned sites is a great way to see what hourly rate you should be charging. In the UK, a junior / mid dev might charge anywhere from £20-£35. Personally I charge £35 however for me that's a fairly cheap rate as you'll find many people that go over £50 an hour.

- Fixed pricing is a thing, it can be difficult for new comers to understand what they should be charging. The best way is to give an estimate in days and simply go off of your daily rate i.e. if it's a 5 day project do £1250 if your daily rate is £35. At the beginning you may find that you'll potentially underestimate projects and as such will work more than what it's worth, that's fine it's a common thing. Use your ever-growing portfolio to give more accurate estimations on projects in the future.

- And lastly, of course, your skills; the only way to see if you're ready is to look at any common job and ask yourself if you're capable of building that, some examples being:
- Building a single page website using a JS stack such as the MEAN stack, essentially just knowing Angular / React and popular JS
frameworks is a great attribute
- Can you build a standard e-commerce website in a CMS such as WordPress / Magento. Surprisingly these projects pay a lot and are dead
easy to build, really fun when you feel like having a lazy week.
- And make SURE you're capable of building secure websites, protect your files, keep private repositories, don't fall victim to typical pitfalls
in website and database security.

Why are most project managers women?

responsive is hard ;_;

>>60884497
Great post, anon, thanks.

>- And make SURE you're capable of building secure websites, protect your files, keep private repositories, don't fall victim to typical pitfalls
in website and database security.
How do I do that senpai? Sometimes I wake up at night thinking that everything I made was hacked and shit upon. Any resources on common mistakes?

>>60884498
Because you dont need any skills for the job LMAO XXDHDHAHA HAHAHA

>>60884498
Because there are only 4 roles for men in this world: scientist, artist, warrior and saint

Everything else is better in women's hands

>>60884498
What are women like in these roles is the real question desu

Where is a good place to learn redux and redux form in addition to the documentation?

>tfw want to get into freelance webdev but don't know even how to begin
How do I earn the big bucks developing websites /wdg/?

>>60884719
>>60884497
literally read

>>60884577

I guess you have to learn, like maybe reading books and all on the subject.

>>60884733
Oops lol

>>new thread
>>60885076
>>new thread

>>60884497
After you build a site for a customer, do you set up hosting for them and let them pay for hosting? Or do you host it yourself and then charge them a monthly fee for hosting and upkeep?