[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
/wdg/ - Web Development General
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 255
Thread images: 44
File: 1456449140972.png (868 KB, 822x552) Image search: [Google]
1456449140972.png
868 KB, 822x552
OLD THREAD >>54070761

> Discord
https://discord.gg/0qLTzz5potDFXfdT

>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/
http://www.freecodecamp.com/
http://www.codewars.com/
>Crockford on Javascript
https://www.youtube.com/playlist?list=PL7664379246A246CB

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

>Backend development
https://en.wikipedia.org/wiki/Comparison_of_web_application_frameworks

>Useful tools
https://pastebin.com/q5nB1Npt/
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/

> How to get started
http://www.youtube.com/watch?v=pB0WvcxTbCA
Good videos on the channel too
https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw

>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
>>
>>54104801
Not him, but cheers. I don't use JS yet in my job, but I'm sure it'll be necessary at some point to progress
>>
I just went to a JS conference.

This year, for the first time, all examples were in React, not a single thing in Angular or Ember except in workshops.

Is 2016 the year of React taking over by a significant amount?
>>
>>54104853
did you have gay sex at the conference? I heard JS conference have huge gay orgies.
>>
>>54104853
I hear a lot of shit-talk in my work towards Angular, not sure if it's a 1 thing or if the usual negatives are in 2. As far as Ember goes, I've always heard it was useful in some cases, but not generally a necessity anyway.

Did you get any blowjobs?
>>
How do I alphabetize an XML document filled with data like this:

<names>
<name id="01923">
<firstname>Roger</firstname>
</name>
<name id="01172">
<firstname>Arthur</firstname>
</name>
<name id="01324">
<firstname>Zack</firstname>
</name>
</names>


I have thousands of names and want to reorganize the entire document, but I want to keep it as XML. I want a new XML document with the same names except alphabetized. Help an anon out?
>>
>>54104908
Make a small python script to re-order the XML tree you dingus.
>>
>>54104872
>>54104886

There was actually some gay sex at the conference but I didn't get any.
>>
How many lines of code does your biggest project has?

Mine is 60k, all Javascript.
>>
>>54105000
Good, now go to the designated street, Pajeet.
>>
I'm following this guide:
>http://javascriptissexy.com/how-to-learn-javascript-properly/
It shows you step by step how to teach yourself JS properly
Which books to read, which videos to watch, I like the approach of splitting it into weeks etc. easy to follow, highly recommended.
>>
>>54104925
This is not help. The fact that I have to write some script is obvious. I wanted help you dingus.
>>
>>54105000
60k doesn't mean shit if it's full of redundancies
>>
>>54105017
You got me there
>>
>>54105000
Make it DRY and see how many lines are there
>>
>>54105080
>>54105090

This one is quite well done. Not much DRY.
>>
>>54105102
>not much DRY

pajeet...
>>
Javascript vs php? Obviously I can learn both but what should I focus my energy on?

I like earning money, but I also want to work on a side project which will likely be some sort of discussion board.
>>
>>54105000
A lot.

I made a javascript RPG back in the day and one of my sub-activities was farming. I remember having an error on line 12k of the farming page and it was only like 1/4 down the document.

You selected a plot of land if you had a hoe you could plow it. It would change the image of the plot square. If you had water can with water you could water, changed image again. You could plant 1 of 6 different seeds and a timeout in a hidden parent frame controlled the growth of the plant through 4 different stages. You could harvest at the final stage if you had a scythe.

It was basically farmville before farmville and that was only a side way to make some cash.
>>
>>54105259
Javascript. This is coming from a primarily PHP dev.

All of my recent work has been in Javascript, but I still handle databases with PHP. That's something you can learn in a weekend.

So focus on javascript first with the fancy frameworks and you will have fun at some startup companies.
>>
Can someone explain to a complete noob how to take a JSON file and insert it into a mongo DB then display it?
>>
>>54105287
Is it public?
>>
>>54105102
>Not much DRY
shiggy donatello
>>
>>54105328
Happened 12 years ago.

I was cracked out on Concerta and when needing to reformat I figured I would just make a better version of it afterwards. I formatted over it.

I still regret it.
>>
File: emma_stone_playing_a_fox.jpg (38 KB, 600x800) Image search: [Google]
emma_stone_playing_a_fox.jpg
38 KB, 600x800
How can I make my website appear in search engines like Google and Bing and so on?
>>
So I had an interview today for a front end position and their supposed to be emailing me a task to complete. As far as i know i'm meant to use backbonejs.

What would you expect from a front end with regards to backbone?

Most i've done JS-wise is dom traversal and manipulation, and even that was jquery not vanilla.
>>
>>54105919
By reporting them to the webmaster tools of Google and Bing. And making fresh content.

You can literally Google this shit.
>>
>>54106164
Start reading about backbone then lmao, how is that even a question
>>
Just had an interview myself today. Hopefully should be the last round. Feels like it went okay though. If it did, free rounds of shots for everyone.
>>
>>54106330
you didn't even answer my question
>>
Please god someone help I have some JSON files and started up mongodb I have created a new database but stuck on what to do next. I need to store all this JSON data in the database please someone help my life depends on it
>>
>>54106494
Would something like
http://zaiste.net/2012/08/importing_json_into_mongodb/
Help you at all?
>>
>>54104815
/wdg/, what features would you like to see on a CMS? Think about the basics, the ones you need on every project like allowing the client to edit certain texts on the page but not the structure.
>>
>>54106383
Fingers crossed anon. I'm waiting to hear back on a coding challenge.
>>
Is learning bootstrap still a good idea or am I late to the party?
>>
>>54106591
Still good if you need to whip up something stable quickly
>>
>>54106383
if it was for a front end position in stockholm, pls stahp and find another position
>>
>>54106619
Nah, full stack MEAN in Denver, Burgerland. But I wish you luck too.
>>
>>54106535

Where does the collection folder go? Where do I out my JSON files? Please help
>>
>>54105102
>Not much DRY
Poo in loo.
>>
>>54106384
>most ive done is baby tier jquery fadeouts
How did I not answer your stupid fcking question, obviously you start by learning backbone or by the looks of it you barely even know js so you better start with ja the good parts
>>
>>54106890
Inb4 you didnt twll me what to expect
fuck you go learn backbone before people pin point you on certain things
>>
How can I determine if my site is worth investing more time and money into it? Do I just buy facebook ads and see how many people visit it and continue to return?
>>
Made this site for my friends dads business, pretty much a modernization of their old site, nothing super special. What do you guys think?

http://abrasiveguys.com/

old site here:
https://web.archive.org/web/20100410025319/http://www.abrasiveguys.com/

Mostly just frontend stuff, didn't use a framework or anything (but it is responsive).
>>
File: 1393340594505.png (39 KB, 179x158) Image search: [Google]
1393340594505.png
39 KB, 179x158
>>54106890
lol m8, I asked for what one expects of a front end dev using backbone i.e just models and views or routing and database interaction

if you read the question you wouldn't be looking like a retard would you
>>
>discord link
>the instant invite is invalid or has expired

can someone make a fresh link please?
>>
>>54106936
I would replace the text links on the navbar with icons.

You can make a pretty good looking footer usign the partner logos desu
>>
>>54106925
facebook ads is just a scam
https://www.youtube.com/watch?v=oVfHeWTKjag
>>
>>54107046
Icons? hmm... maybe. Maybe icons next to the text.

and yeah, I know I should have probably had a footer, I just didn't really know what to put on it. We're actually working on a bigger site that's going to incorporate a catalog and stuff, so besides minor fixes, development of this site has stopped. Was mostly just posting it because its probably the best thing I've made so far (haven't made a lot lol).
>>
>>54107026
>discord
>>
>>54104815
How would you go about streaming photos from Instagram into a website,
only using two hashtags and also selecting certain photos only??
>>
>>54107309
Hey man, its in the OP
>>
>>54106261
Haven't you heard the good news? /g/ is the new Google.
>>
I have a large JSON file I'm trying to convert to CSV format but every converter I use ends up freezing because too much JSON. What do?
>>
>>54107798
Write your own.
>>
How do I use bootstrap/JS plugins published under MIT/GNU licenses in my commercial projects without getting legally buttfucked?
>>
>>54107798
this is so insanely easy to write in javascript
>>
>>54106537
Allow multiple posts on a page. And sorting the order in which content is shown.
>>
Weird. I just applied to a relatively large web dev firm and while browsing their portfolio, I noticed quite a few of the sites they created aren't responsive. I didn't know that was still a thing. Like a 'fuck you' to all their mobile users.
>>
>>54108131
Sounds like a great place to work
>>
Have any of you ever tried to get into app academy, or is it too hard?
>>
>>54107798
https://github.com/danmandle/JSON2CSV

you stupid faggot, all i did was good json2csv
>>
>>54104815
This is simple but I've added opacity to my nav bar #page-header.
The opacity has also targeted my font, How should I go about rectifying this
>>
File: girlslol.png (863 KB, 1920x1342) Image search: [Google]
girlslol.png
863 KB, 1920x1342
Released my site over the weekend. I just need a couple media queries and a way to get back to the home page from the contact page to polish it up. This was my first time using APIs and setting up a production site that wasn't on Wordpress.

http://www.leagueofgirls.org/

What do you think?
>>
>>54108332

I installed it but what does "include the module and run" part mean?
>>
Posting to thank an anon from the other day for suggesting Gandi for a domain name for a personal website. Thanks if you're here, up and running now!
>>
>>54108504
I think you deserve a medal from the UN for your tireless work to encourage more women in gaming and tech, god bless you anon
>>
>>54108504
Needs a lot of tweaking but the base is pretty good.
>>
I'm not sure which Wordpress analytics plugin I should use to detect the IP of bots who visit a honeypot page. Any suggestions?
>>
What is the purpose of react
>>
>>54109093
something something client side interaction
>>
>>54109201
+ something something server side rendering
>>
File: s.jpg (11 KB, 183x275) Image search: [Google]
s.jpg
11 KB, 183x275
>>54105919
>>
does anyone know a better way to get a paragraph description of a website bar wikipedia? wikipedia won't provide the correct result if there are multiple articles with the same name (e.g. adobe), or may direct you to the wrong wikipedia article
>>
I landed an OK paying web dev. It's tough though because this is my first job and the environment is 100% on your own. Creative Director and Tech Lead just throw projects at me pretty much. Other devs are working on other shit and don't want to be bothered. I'm wanting to find someone willing to help me out when I get stuck. I do front end and back end. I will pay you per each session or time I need your help. I'm thinking anywhere from 20 to 100 bucks via PayPal, depending on the project. Just to have a guy I can go to when I get stuck. I would more than likely contact you Mon-Friday. I'm expecting someone to be reliable and will keep in good contact. Preferably an already web dev professional who's just looking to make a few extra bucks.
>>
with href how do i link to an external web page and not just to the link infront of the current view? e.g.

                                    <?php echo "<a href='".$currDomain->Domain."'>".$currDomain->Domain."</a>"; ?>


is sending the user to
controller/Index/$currDomain->Domain
as opposed to just
$currDomain->Domain


(note:
$currDomain->Domain
is a URL)
>>
>>54110966
Put http:// in front of it probably
>>
>>54108504
pretty cool anon, what's your workflow?
>>
Am I a faggot for using Muse to do the front end and doing the back end myself?
>>
>>54110966
wow a php user not knowing how something as simple as links work
why am i not surprised
>>
File: 1429403210860.jpg (47 KB, 499x499) Image search: [Google]
1429403210860.jpg
47 KB, 499x499
>>54111201
>it's an 'i'm an arrogant dickhead because i use obscure language y' episode
>>
>>54110502
Tell me a little bit about what kind of stuff they have you doing. I might be interested if it's up my alley.
>>
>>54111288

Literally just front end and back end web dev with C#/Razor on ASP.NET, Javascript (few .js frameworks, JSON, etc), and HTML/CSS
>>
>>54111321
Eh, I dunno. I can work with the other stuff but I've never touched Razor.
>>
>>54111124
Yes.
>>
mean.io
mean.js

what is the difference
>>
How the fuck do I into server hosting? I have no idea what costs are reasonable or which domain name services I should purchase from. I can't host one myself because my internet is complete garbage.
>>
>>54111560
Rtfm
>>
>>54111358

you know you wanna learn
>>
>>54111693
Sure I do, but not while I'm taking your money
>>
Old school LAMP guy here (I posted in one of these threads about a week ago asking about modern web technology).

I have a number of old unfinished projects I've decided to pick up again (I abandoned them years ago after a mental breakdown). One of them is a drinking card game project and well I just want to know if what I'm planning on doing with it is retarded or not.

The project consists of two parts
1) A card game with multiple players. Players take turns in a cycle but there are special cards that can be played out of turn as well as other cards that alter the flow of the game. The page will include a chat. There are other not very important details.
2) A big repository of card decks. Users can create and submit their own cards or decks. Then when creating a new game the user may choose which deck(s) and rules to use.

Some stuff can be salvaged from my old work but many things (specifically the part 1 stuff) should be rewritten since my old implementation just seems very inefficient (for instance the chat page uses ajax to constantly request a php page that does an sql query). My current plan is this.

1) A single page app with react + redux. I'm still getting up to speed with things but I understand I can run a Node.js http server with a Mongo (NoSQL) database and use some websockets library like socket.io. Unless I'm terribly mistaken then this is my current plan.
2) Still php + apache + mysql. With possibly some interactive card creator app later (I'd done some stuff with imagemagick on php but honestly it's probably just better to throw that shit out).

Then I'll just run Nginx as a reverse proxy on top of Apache and whatever Node.js http server is in order to route traffic. Users will visit the site and be given the option of creating a new game (which yields a url for them to give out). At this point I'll populate a MongoDB "table" with card data for the game (from the MySQL database), as well as a chat table.

(cont.)
>>
>>54111753

(cont.)

I plan to handle user accounts and stuff on the apache side of things and just let users create and play games without actual user accounts (just a nick name for chat, possibly optional).

I feel like this will be simpler and it will let me salvage most of my old MySQL database (It's quite big and I remember putting a lot of work into it).

Does this sound feasible? Is this a totally retarded way to do things?

I'm not up to speed on MongoDB, websockets, or running node as a server (I've been playing around with Node for the last week mainly using it for babel, linting, and the REPL though).

I keep hearing about shit like Meteor.js and Express.js. Should I invest time into these?
>>
>>54110502
I am willing to help you FOR FREE, coz I need some experience on how stuff works, since I am just graduating and never had work exp in real life. I have few projects on my own etc, but no real life exp, except uni group projects (which I dont think resembles anything close to rl)
>>
>>54106537
allow the admin to define content types, e.g: an 'article' has title:string, body:string, creator:user, created:time etc. templates represent content types
>>
>>54109093
avoid explicit dom manipulation. can result in simpler code for larger apps
>>
File: fzdqWpI.png (325 KB, 382x417) Image search: [Google]
fzdqWpI.png
325 KB, 382x417
>>54104815
Say you're following along with Michael Hartl's ruby tutorial for absolute novices. In it, you make a twitter clone. In the final chapter, you're meant to create relationships between users by giving them the ability to follow and unfollow one another.

Say you wanted to deviate from that model and implement a classic friend request system - the kind that 99% of websites use, where you send someone a friend request and they have the option to accept or decline it. How would you implement that? Alternatively, do you know of any in-depth guides that clearly explain how to do this?
>>
>>54104815
I'm making a site using some external js linked from jewgle and my site seems slower to load than it ought to be.

1. Is there a way to monitor my site to see if the bottleneck is grabbing that script or elsewhere?

2. If the choke point is the js is there a way I can download it ala wget or something so I'm pulling it locally and not from across the world?

Apologies in advance if I'm actually just an insufferable twat.
>>
>>54113287
>1. Is there a way to monitor my site to see if the bottleneck is grabbing that script or elsewhere?
>chrome dev tools
>network time
>timing graph

>2. If the choke point is the js is there a way I can download it ala wget or something so I'm pulling it locally and not from across the world?
Yes, literally just visit the url in a browser and ctrl+S. It's pretty unlikely you're going to be able to serve a static faster than google's multi-million dollar CDN can though. Remember that if your server is in the same city as you benchmarking on your home/business connection vs. a CDN is meaningless.
>>
>>54111491
>mean.io
>mean.js
>what is the difference
mean.io is the website for the MEAN full stack, the entire stack is implemented in javascript hence the .js

M - Mongodb is a noSQL database that uses JSON

E - Express is a minimal Sinatra-like backend framework implemented in javascript

A - Angular is a frontend SPA framework, obviously implemented in javascript

N - node.js is a web server with an API implemented in javascript
>>
What do I have to do so that I can have a CSS/HTML file in which you write something on the browser, and then it is saved into the file?

It doesn't sound complicate so I hope it's not. I barely know the basics of both languages...
>>
>>54110502
Eh, i am actually .NET web dev who likes to help so if you want you can have me. So how to contact you?
>>
Shit nigger, I got the job at AT&T. Sadly I have to fly to Denver to accept the offer, but other than that, we did it bros.
>>
>>54115227
Cool. What is the job about?
>>
>>54115250
Dev Ops. Guess I'll get more details later on though.
>>
If I want a column with text on the left side and a list on the right on the same line how would I split the div? <div style="float: left"></div> <div style="float: right"></div> does not really work.
>>
> all these projects being posted out of nowhere.

It's beautiful. People are actually doing things now.
>>
>>54115787
remember to clear your floats if your using floats.

Alternatively just use a fronted framework
>>
I'm currently adding spots where you can place ads to my website.

Is adsense even worth it? I mean, it's low revenue, barely ssl compliant and often gets blocked.
I'm thinking about just adding hand picked affiliate banners of companies I like and fit my website.

Do you think that's a sound financial decision?
>>
>>54117209
You won't find advertisers until you have a ton of traffic.

Might as well use adsense and a few other methods of monetization.
>>
>>54117209
You didn't watch the facebook movie, right?
>>
File: plzhelp.png (824 KB, 750x500) Image search: [Google]
plzhelp.png
824 KB, 750x500
Alright guys, i really need some help here because it's really important for me to get serious answers.
I graduated in CS (bachelor degree) 5 years ago and I worked as a front/back-end web developer for a small company for a couple of years, but life is unpredictable and for an unfortunate series of events i ended up in another small company covering a sort of network/sysadmin/helpdesk position, which is my current job.
The thing is I want to get back into the webdev world but I don't know what kind of language/technology I should focus on (I used to work in a LAMP environment, and it seems to me that's kind of out-of-date). Is the MEAN stack worth or it's just a meme? Would you recommend me to spend some time to learn it? Which one in particular is more important for your resume?
>>
>>54117272
Alright. I figured with so many affiliate programs around it cant be that hard to just advertise things yourself instead of relying on Google.

>>54117324
No. Should I?
>>
>>54117378
Yeah, they basically say this >>54117272
>>
>>54113516
Chrome dev tools with a workspace?
>>
>>54117361
Trying to land my first job after my studies and from what i've gathered so far any kind of javascript framework (front and back) is what's in these days, so proficiency in JS is paramount. As far as DB goes mongo has it's uses but it's not as widely used as an sql based DB.

If you like the sound of MEAN then by all means use it, there's no right or wrong way of developing your skills
>>
>>54113450
nope

mean.io
meanjs.org
>>
Don't close Github issues, lads.

https://github.com/ParsePlatform/parse-server/issues/1050#issuecomment-204625057
>>
>>54118666
Haha yeah, I saw it on >>>Reddit
>>
I just got a job at a really small company that works for non-profits as a full-stack developer and all around IT-admin. I have 0 years official experience (only about 1 year of fiddling around). My yearly salary is 30k. Does that sound about right or is my ass getting fucked? Im just happy i got the opportunity and finally getting official experience on my resume.
>>
>>54119006
Sure.

If you're smart you'll gain experience, keep learning stuff on the side, and find a much better job in 9/12 months.
>>
Can someone post that list of programming projects image

Gotta pick a final project for CS50X to build in JavaScript
>>
>>54117378
You should definitely watch the facebook movie.
>>
>>54119269
What are you into, what do you like to do? I can give you some ideas based on that.
>>
File: ss+(2016-04-20+at+04.18.34).jpg (109 KB, 894x650) Image search: [Google]
ss+(2016-04-20+at+04.18.34).jpg
109 KB, 894x650
Critique the shitty website I made for my portfolio/experience/maybe some ad money?

http://www.examinephones.com/
>>
>>54120248
The design looks nice, but it feels like it's missing a certain something. It gives off a 2005-2010 era website vibe. The "Compare" button at the top should be the same size as the search bar to its left, properly aligned with it (the top of the button is slightly higher than the top of the bar, same with the bottom of each one), and the "Compare" text doesn't appear to be centered within the button. It could use support for older phone models as well. I'm not saying go all the way back to phones from 2000 or anything, but still.
>>
>>54119420
Will do mate.
>>
>>54120248
I can't add a comment.

Plus it looks unappealing. It actually took me a couple seconds before I realized what the website was about.
I think you need a more visual presentation of what's going on on the website.
>>
>>54120419
>It gives off a 2005-2010 era website vibe
Fair enough, it's not helped by the "logo" just being some big text either. I'm planning to replace that.

>Compare button
Can I get a screenshot of how the search area looks in your browser? I'm using Chrome and it all seems to be aligned. I know the site has a few alignment issues in Safari.

>It could use support for older phone models as well
Definitely planned, just wanted to get the functionality down before I started filling out the database.

Thanks for the feedback!

>>54120505
The "add comment" and "contact us" buttons are both placeholders right now, they're next up as soon as I wake up.
I see what you mean about the presentation, I played around with having phone images instead of little bubble icons but I couldn't make it look nice. Maybe I can create a logo that helps better communicate what the site's about.
>>
Does everyone on /g/ use Ghostery?
>>
File: Untitled.png (172 KB, 1916x997) Image search: [Google]
Untitled.png
172 KB, 1916x997
>>54120596
Sure, here you go. I'm using waterfox.
>>
>>54120248
Design looks like one of those sketchy download sites that require surveys

Typing in search misleads the user into thinking they can type "s6 vs g5" which comes up with nothing.

Otherwise very functional.
>>
>>54120248
get rid of the gradients, make a better title/logo, have each phone as a separate text box with autocompleting
>>
>>54120622
Oh true, looks identical to Chrome except the button is floating strangely. Thanks for the tip.

>>54120624
Haha harsh call on the design but not wrong, no idea how to fix that look.
I'm not quite sure what you mean about the search as there are autocomplete suggestions, you could type "S7" and hit the "Samsung Galaxy S7" option.

>>54120701
>get rid of the gradients, make a better title/logo
Good calls, it is strange how the header has gradients but nothing else does.
>have each phone as a separate text box with autocompleting
Do you mean each phone in the search box becoming it's own bubble? For any reason other than looking cool?
>>
>>54113201
Add an status column to the relationship table. Check if the status us pending, accepted or rejected and act accordingly in the template.
>>
>>54120810
actually it can be one box but autocomplete should work on all phones being compared separately

that or give each entry in the database aliases like "s7" or "g4"
>>
>>54104908
One thing I've noticed is that questions about databases, XML, and the like never seem to get much traction on /g/. This disappoints me.

Here's an SO entry about alphabetizing XML via an XSLT transform. You can use an XSLT processor to apply a template like this and spit out the formatted result.
http://stackoverflow.com/questions/2714888/xslt-to-alphabetize-xml

The template in the top answer will only need minor changes to the matching criteria to work for your xml.
>>
how do I make a gutter? should I just put

margin on either side of the html tag
>>
What's the difference between Angular and React?
Are Gulp and Bower essential?
Can I use Angular to build an app based on Electron?
Do these tools work effortlessly on Windows or should I fuck off to Linux (I don't mind either)?
>>
>>54113006

It also uses more RAM, conflates the use of two other languages that are much easier to work with separately, and, as you're expected to compose your Frankenstein's monster of a component in your .js files, you may well end up with a herculean task ahead of you if you do eventually acquire the brains to understand the value of extricating yourself.
>>
>>54117454
What's the Firefox equivalent of this? And really all I need is just to have 3 columns of box fields (like these on 4chan were you write your Name/Subject/Post) were I anotate a name, a date, and an hour, and that it then gets saved to the document...
>>
Is meteor worth the time. Seems.like a decent REACT approach for JS?
>>
File: Ty10.png (306 KB, 540x405) Image search: [Google]
Ty10.png
306 KB, 540x405
>>54120956
Thanks man. I also managed to find this: http://railscasts.com/episodes/163-self-referential-association?view=asciicast and even though it was written in 2009, it's working perfectly for me so far and teaching me useful stuff along the way.
>>
>>54121168

>What's the difference between Angular and React?

They're both shit in different ways. One (Angular) wants to overcomplicate HTML, the other want's to commoditise HTML, by making it a subsystem in your Javascript program. Both approaches use up a shit load of RAM with leaky abstractions along the way.

> Are Gulp and Bower essential?

Your boss will tell you it is. Don't ask stupid questions.

> Can I use Angular to build an app based on Electron?

Yes. But why... :'(

> Can I use Angular to build an app based on Electron?

It's all fine on Windows, but learn BASH. Unlike React, Angular, Node, fucking Haskell, Vim or any of the other shit the mainstream will shove down your throat, it well worth taking in.

Good day.
>>
>>54120956
>>54121323
Nevermind, I just realized that http://railscasts.com/episodes/163-self-referential-association?view=asciicast isn't quite right. It uses the same approach as the ruby tutorial & twitter: if you add people, they don't receive a "pending friendship" notification, and they're displayed as your friend whether they like it or not. I've already followed along with that guide up to the "Viewing Our Friends" section. Do you have any advice on what I should do from here?
>>
>>54121357
>Your boss will tell you it is. Don't ask stupid questions.
I'm not doing it for anyone, I just see them mentioned in regards to webdev, thus why I'm asking.

>Yes. But why... :'(
Why Angular with Electron or why Electron at all?

>It's all fine on Windows, but learn BASH. Unlike React, Angular, Node, fucking Haskell, Vim or any of the other shit the mainstream will shove down your throat, it well worth taking in.

I'm familiar with core utils since I do system administration, and I've got a little setup on a Windows machine that works fine, I'm just wondering if these framework and such play nice with Windows.
>>
>>54121671

Why Angular? Eleectron sounds fine, but Angular... Just use whatever's good for you.
>>
>>54121702
Because I've heard it's the go-to framework for SPA which I'd like to achieve but I'm open to suggestions. As you can tell I'm newbie in the frontend stuff and that's why I'm asking these questions - to find out more before I dive into the project.
>>
File: 1418954962220.jpg (212 KB, 1268x1695) Image search: [Google]
1418954962220.jpg
212 KB, 1268x1695
Today my boss sempai taught me how to make a website render using the GPU rather than the CPU

Turns out that frontend is way harder than backend, yet all the newbs think that frontend is entry-level, simply because they have no idea how hard it is.
>>
File: image{0}[3].png (120 KB, 396x480) Image search: [Google]
image{0}[3].png
120 KB, 396x480
>>54111321
Literally all I do, all day erryday.

Hit me up: [email protected]
>>
What is the best way of restricting access to files?

I'm currently making a software distribution site for my uni.

The idea that after a software request has been approved, the student will get a link to the directory with the installer and readmes and the whole shebang. The problem is that the student can just share the link with others.

Is it possible to make the directory accessible only when the student is logged in?

I'm making the website on PHP.
>>
I changed the page loading animation on my website.

Did I make it worse?

https://www.imagehex.com

Just click on any link and it should play.
>>
>>54121264
Do you mean saved to the same page like a comment system? You'll have to do some backend programming for that unless it's only client side. In that case jQuery is probably your best bet.
>>
Students have permission to install themselves? This seems odd.
>>
>>54122062
I don't see a loading animation, the image just loads from top to bottom like images always have.
>>
>>54122043
If you're granting access to a directory containing the installer, why are you not concerned that they will simply copy and share the files themselves?
>>
>>54122109

They just get an installer for a program, like Enterprise Architect. There will be a .bat file to run to update the license while connected to the uni's network.
>>
>>54122151
Oh, the installers are for their own PCs which the Uni network doesn't control?

Use .htaccess/webserver config to deny access/listing of the files directory.

Use PHP with appropriate header() to serve the file rather than linking to an actual location.

Use one time-links (or links which expire after <x> minutes) to link them to the download.

Though if they're downloading a .exe, couldn't they just forward that directly to mates anyway rather than the link?
>>
>>54104815
Anybody have suggestions for an IDE for HTML dev work? Been using nano, becoming a pain in the ass as the code gets nested further.
>>
>>54122226
>>54122150

That's a good point, but I think some security is better than no security.

I want to allow the user to view an entire directory, not separate files. Is it possible to implement that using the methods you described?

>>54122336

https://www.jetbrains.com/
>>
>>54122336
Atom
VS Code
Sublime
Brackets
Geany
Vim / Emacs
Notepad++
>>
>>54122336
You're literally just coding static HTML pages - or what programming language?

I like the JetBrains IDEs generally.
>>
>>54122147
It's not for the images, it's for the actual links.

The hexagon in the logo spins. Sadly, the site is optimized well enough that you can barely see it happen.

Which, in hindsight, is probably a good thing.
>>
>>54122336
Any of these >>54122367
with the Emmet plugin (VS Code comes bundled with it)
http://docs.emmet.io/
>inb4 meme-tier TLD
>>
>>54122366
>I want to allow the user to view an entire directory, not separate files. Is it possible to implement that using the methods you described?

Sure, you generate a HTML page with a one-time link/timeout link, and each link on that page is as I described before.

Or serve up all files in a zip or something.
>>
Are graphic design degrees worth it at all?

I'm currently in CS which I think i'll make more money but I think i'll be happier as a graphic designer. But if a graphic design degree isn't worth it at all I might as well stay in CS.
>>
>>54122740
No, very competitive and lack of creative freedom often. If you're motivated you can learn the import parts of graphic design yourself.
>>
File: image.jpg (106 KB, 1546x458) Image search: [Google]
image.jpg
106 KB, 1546x458
Any c# asp.net gurus can tell me how I can fix this error? Been stuck on it for hours now.
>>
>>54122834
My expertise leads me to believe that Model.Links is not defined.
>>
>>54122834
stop using IIS
>>
>>54122834
Sorry only know PHP and Java
>>
>>54122834
Post more code, faggot
There are too many ways in which this could be broken: your Model doesn't have a Links property but Link, Linkks; you have defined the wrong model for the page; etc, etc
>>
>>54122869

In the blog list page model .cs file I have

Public IList<string> Links {get; set;}

Is that what you mean?
>>
>>54122869
This.

>>54122834
Have you done build recently senpai?
>>
>>54111753
>>54111808
No one has any input on this?

>>54121357
>Both approaches use up a shit load of RAM with leaky abstractions along the way.
Really? Do you have more information on this? I was planning on building a single page app in react + redux that would be open for a long period of time. Does react leak more and more memory over time or does it just have a large overhead?
>>
>>54122968

Not sure exactly what you mean but the local version works fine I don't get the error and the links show up fine. However the live version I get the error
>>
Does anyone know why the two 6 wide columns in my site don't line up next to each other, the left column and the right column have about 200px between them. There is no padding or margin.

http://www.bootply.com/j60BbD3mFQ
>>
>>54123079
You don't know what build means? Then that is probably missing step. Also how did you deployed it to live?
>>
>>54109228
Ken :)
>>
>>54123256
I don't get what you mean, anon. I just see the right column with info and shit. Which left column?
>>
>>54123353

Sorry I should have said, I want there to be a big logo in the left side (which is currently empty), before the right column was just like this col-md-push-6 col-md-6, but now as I want to put something in the left hand side I can't just have the right hand side being pushed along.

I feel like I am explaining this terribly
>>
>>54123428
Literally what
>>
>>54121820
If you absolutely need to write a SPA and not because the internet told you it's cool, you should not be using a framework. Overengineered bloated RAM hogs. People nowadays seem to think memory is infinite, so nothing can go wrong, if you use butt tons more to marginally decrease CPU cycles.
>>
>>54122062
>>https://www.imagehex.com
>thumbnails aren't in hexagons
>>
File: 1.png (87 KB, 1144x349) Image search: [Google]
1.png
87 KB, 1144x349
>>54122088
What I want to achieve is to prettify a series of .txt files that I have in which I log media I've experienced. I'm only gonna run this on my computer, offline. I could just make the CSS/HTML file and edit them from Sublime Text, but I would rather add the new entries from browser, mostly because the entire purpose is that it looks better, and that it's such a formatted and uncomplicated list that it feels to me it should be easy to have 5 boxes in which I add a number, the name, the date, the hour, and a rating, and the click an "Add" button, and this new line is added to the file.
>>
>>54123663
Getting that to work responsively would be extremely difficult, so we scrapped that idea.

Then again, I'm officially the lead designer on this now, so maybe I can give it a shot...
>>
File: help.jpg (40 KB, 679x859) Image search: [Google]
help.jpg
40 KB, 679x859
>>54123549
>>54123428
>>54123353
>>54123256
>>
>>54123723
idk, usually I just try clearfix and hope it goes away

google clearfix
>>
>>54123723
Because of col-sm-push-2 - re-read the documentation about when the various grid classes are applied
>>
File: Untitled.png (33 KB, 819x460) Image search: [Google]
Untitled.png
33 KB, 819x460
>>54123716
Maybe something like this?
>>
Anybody got any experience web scraping here?

I'm trying to get into programming Python and I wanted to make a bot for a shitty browser game but I got stuck when trying to log into the site with my account.

Progress here in case somebody has time to waste on me: https://www.reddit.com/r/learnprogramming/comments/4ezfoj/data_scraping_logging_into_website_with_python/
>>
>>54123723
@media (min-width: 768px)
{
.col-sm-push-2
{
left:16.666666667%;
}
}

seems to be the problem
>>
>>54123814
...You are a fucking genius.

Holy shit.
>>
>>54123428
the page isn't responsive (unless this is because it's running in bootply). note that the desktop on the left perfectly houses the page but the one on the right, another common resolution, the page doesn't fit on. i'm still pretty new to this myself (you can see me learning wp in my tabs) but from what I understand bootstrap was designed for pages that are meant to be size-responsive.

the mobile one looks alright though.

don't castrate me.
>>
File: bootstrap.png (3 MB, 3286x1080) Image search: [Google]
bootstrap.png
3 MB, 3286x1080
>>54123880
forgot image lol.
>>
>>54123880
>>54123894
Saddens my soul that there are people "learning" to make websites like this.
>>
File: file.png (90 KB, 1173x507) Image search: [Google]
file.png
90 KB, 1173x507
>>54108504
the chat boxes are a little cut off for me. using chromium on ubuntu. Otherwise site looks good for a first time!
>>
File: 1368388720201.gif (924 KB, 400x300) Image search: [Google]
1368388720201.gif
924 KB, 400x300
Anyone here worked with d3.js or SVG elements on the dom?
>>
>>54123928
>hang out in IRC web dev channels
>5 years ago, everyone learning about box model and how page actually constructed
>now all questions about bootstrap or frameworks without understanding anything
>>
>>54123856
Glad, I could help.
>>
>>54123988
I used D3, it's decent for visualization. If you just want a few simple graphs, I'd use HighChart JS instead though.
>>
>>54123993
this, so much this
>>
>>54120810
>no idea how to fix that look.
It's just basic as fuck. Centering some text that you bolded half of doesn't make an appealing website title and big blue bar isn't the best idea for a header.

That search bar just brings back flash backs of every download site that's going to redirect me or try to install ask toolbar. Maybe the middle isn't the best place for it.

The basic blue coloring doesn't help.

It's nice in terms of just being basic but looking at other phone comparison websites you'll quickly be notice how they have a skinnier header, it has drop down menus and there's some generic lifestyle image or sliders or graphs or something appealing to look at that.

I do like that table though.
>>
>>54123928

I can understand that its not a good long term way to learn, but I am building this website for my business, I don't have the budget to get one made and I don't have the knowledge/time to make a non framework one.

>>54123793
>>54123839

Thanks

>>54123880

That was sort of why I am asking the question, its fixed now.
>>
>>54122396
One HTML page that fills a map using Google's map API so js, using PHP to hit a MySQL back end.
>>
File: map6.png (363 KB, 1739x822) Image search: [Google]
map6.png
363 KB, 1739x822
>>54124007
I'm using d3's geo projection to render some protest sites in provinces of China.

The map renders okay, but I'm having a bitch of a time getting it responsive. I've considered using Javascript to resize the element and re-translate the map, but the SVG element is refusing to behave.
I'm considering just taking the info on the right panel and overlaying it in a modal over the whole screen instead, but that feels like it would make it a little more awkward to navigate.

Any advice would be welcome. It's up on Heroku here:
http://immense-ridge-1024.herokuapp.com/
>>
>>54123271

It's a project I took over from the past developer. I have no idea I just got here lol. Still stuck :/
>>
>>54108504
Have a "quik donate" button where "VIP Members" get to tip their favourited streamers at the same time with just a push of a button
>>
>>54123839
>>54123793

Ok I changed it so that

@media (min-width: 992px) {
.textSection {
left:0;
}
}


That way I can have the col-sm-push-2 do its thing on smaller screens but it won't effect larger ones. Fingers crossed it wont somehow break everything.
>>
File: cBVA7bQ.jpg (38 KB, 570x632) Image search: [Google]
cBVA7bQ.jpg
38 KB, 570x632
>>54124055
No, what you just said is about as fitting as describing the holocaust as a minor inconvenience.
Not only is that way of "learning" absolutely horrid and counterintuitive, you're not actually learning web development at all.
All you're accomplishing is a website that is hacked together, much like a toddler trying to build an actual skyscraper using his knowledge of building with Legos.
Learning basic HTML and CSS will take the average person about a week, to easily surpass the level where you're currently at. Plus they will actually have a clue on what they're doing.

Your kind of "web development" is what's wrong with the internet.

>hurr durr let's use a framework to build a website, it's so easy, I don't even need to learn the basics
Just fucking no.
>>
>>54123968
I use 23" monitors so I didn't notice this until the other day.

>>54124176
I was planning something like this originally (donate buttons and take like 5%) but I think part of the terms of using the Riot API only allows monetization through ads. If I start getting some traffic I might put one on each side of the bottom.

>>54111068
I really wanted to automate the deployment but didn't feel like messing with it anymore. I wanted any master pushes to git to be tested on a continuous integration server and then sent to the production server. Right now I just push to git and then pull from the server though.
>>
>>54124320
And I didn't write that to discourage you, but rather in a desperate attempt to encourage you to stray away from that path of ignorance you're currently on, and instead traverse the road leading to success.
>>
>>54124320

Right, but the point I was making was that I am not doing this to learn Web Dev, I am doing this because my business needs a website. This will be the only website I make in a few years.

Also I do sort of know the basics, the issue I had was with the framework, not really with my CSS/HTML knowledge.
>>
File: wdg.jpg (16 KB, 640x360) Image search: [Google]
wdg.jpg
16 KB, 640x360
I'm probably fucked. Applied to a front end job but I haven't done anything front end related in a while.


Pls send help
>>
File: cute cat.jpg (76 KB, 500x500) Image search: [Google]
cute cat.jpg
76 KB, 500x500
>>54124456
u must search within u anon
>>
>everyday come into /wdg/
>ctrl+f
>koa
>0 results
>graphql
>0 results
>relay
>0 results
>es7
>0 results
>await
>0 results
it's like you people live in 2015
>>
>>54124352
a lot of the current tutorial bases (like 80% of the OP's links) are making these frameworks out to be the entire thing. freecodecamp, for instance (which eventually provides a certification if you do the projects), spends probably two dozen lessons teaching bootstrap and responsive design. they make it out to be the main way in which front-end designers make their sites, due to the demand for mobile sites.
>>
>>54124469
there is nothing there
>>
>>54124569
you can learn react in a day
>>
>>54124427
You make it seem like you think learning web dev and building a website for your business aren't related. As I said before, building a skyscraper with knowledge of only Legos. I mean, you're on your way, sure, but the end result without the underlying knowledge will invariably be something undesirable.

Just as an example, the problem you posted about would a) most likely not appear, or b) be solved literally in a matter of seconds, if you had the knowledge to go with your tools.

>>54124537
Absolutely disgusting.
Thankfully I learned web dev before front-end frameworks became popular; I can express myself, and accomplish any of my client's wishes without a problem, while coding everything by hand.
And if I should ever want to use a framework, learning them would be a trivial matter.
>>
>>54124582

Do you wear a fedora?
>>
>>54124575
how?
>>
>>54124638
Yes.
>>
File: image.jpg (472 KB, 1445x888) Image search: [Google]
image.jpg
472 KB, 1445x888
What does this mean?
>>
>>54124850
I fucking hate pajeet-lang
>>
>>54124850
Ha. I see pages like these every day since my college's website keeps crashing.
>>
>>54124850
Do you know what an object is? Do you know what an instance is?

If not, read a few books before returning to a computer
>>
File: Ninja_Wars_Spew.jpg (24 KB, 400x273) Image search: [Google]
Ninja_Wars_Spew.jpg
24 KB, 400x273
>>54124850
post BlogListPageController.cs
>>
>>54124497
Even if I use some of those, does not mean I have to shill them each thread.
>>
File: image.jpg (327 KB, 1076x2159) Image search: [Google]
image.jpg
327 KB, 1076x2159
>>54124940
>>
Is taking a small course in webdev a good idea if I want to get my foot in the door and some experience to hopefully end up getting a degree and working in software engineering?

Or should I just study networking to get a better base understanding of computers?
>>
File: 1388784490965.jpg (273 KB, 800x533) Image search: [Google]
1388784490965.jpg
273 KB, 800x533
>>54125365

Software engineering is a broad field. Is there anything in particular you want to work with?

The best general advice I can give is that getting a job is easy as long as you can prove that you've done it before.
>>
Is TypeScript worth learning?
Can I do Angular2 without TypeScript?
>>
>>54125617
P-promise you won't bully?

Security interests me and I think that after doing a course I'll have a better understanding of what specifically I want to do with security but I do prefer the software side of things. The thing with security though is that you have to amass so much knowledge that it's a goal that's far off
>>
>>54122336
Brackets has live update in Chrome browser. You just click the little lighting bolt on the upper right of Brackets and any html/css code you right immediately shows up in Chrome
>>
>>54125287
>
List<string> x = new List<string>();

You are declaring and initialising a variable, but have to explicitly supply the type twice. Would it not be sane for the language to infer the type of an immediately initialized variable, so there is less boilerplate?
>>
>>54125630
Yes. No.
>>
>>54125885

I honestly don't know how to answer that this is my first web dev job coming from html css and JS. I took over this headache of a project. I'm going to have the lead dev look at my issue tomorrow. Btw I'm looking for a dev buddy who I can give a little cash to when I get stuck.
>>
what's the best freelancing site if I'm not pajeet?
>>
File: 1461112837802.png (209 KB, 735x458) Image search: [Google]
1461112837802.png
209 KB, 735x458
>starting out webdev freelance
>have two clients lined up, but neither will be ready for at least 6 weeks
What's a good way to find a quick job? Anybody tried one of those freelancing sites?
>>
>>54126099
Pajeets are everywhere. Try Elance.
>>
>>54125287
from the error you posted and the code the only way it could throw that exception is if x was null but it can't be null because you initialise it at the start

did you change the code and is it still throwing the same error?
>>
>>54125885
In C#'s defense (disclaimer: I use it everyday at work), that's 'old' C#.
Since i-can't-remember-which version of .NET, you can safely write
var x = new List<string>();

and the compiled code (or JIT code or whatever they use to get low level) will be the same as the more verbose version (no extra runtime overhead!).
I think they initially made it verbose on purpose, to make it more Java-like and get early adopters from the Java community, back when the Java-no-script was a hot thing.
>>
>>54125972
I'd be more than happy to assist. I've even got some time tonight to help you out with this particular problem if you want.
>>
>>54126789
you know by 'cash' he means sexual favours
>>
>>54126799
might as well cut the middle man out.

or leave him in...you know.
>>
File: absolutely not.png (87 KB, 268x325) Image search: [Google]
absolutely not.png
87 KB, 268x325
>>54126809
nice
>>
>>54126674

I haven't messed with the code at all yet. Lead dev will take a look tomorrow.

>>54126789

My email is crizilla at gmail if you're serious about it and can respond usually same day or next day at latest. I won't have you do full blown projects for me but if I get stuck on something id love to have your help and then just give you a payment through PayPal.
>>
File: Selection_692.png (3 MB, 1365x694) Image search: [Google]
Selection_692.png
3 MB, 1365x694
I want to make a site for streaming anime, something along the lines of the following:

magestream.org
kingstream.tv


I've read everything on html and I'm reading a lot on CSS with w3schools.com and I've made a few webpages and the like, but I don't know the progression to be able to copy these sites. Don't care about originality, any of these sites would work perfectly for what I want.


A few questions:
- Should I ignore trying to learn more using predefined courses of action and just move straight to trying to understand everything using 'view page as source'?
-is all the code used for these sites readily available, or are there things that I won't be able to get access to without requesting it from the site creators?
-I noticed a lot of 'jscript' shit when looking at source on magestream and kingstream (didn't get around to others yet), will this be a problem? I don't know anything about javascript.
>>
>>54126871
sent
>>
Trying to learn fucking JavaScript, it looked not too bad five years ago now there's fucking node, ES6, babel, EcmaScript2024, import from import from import, typescript, everything breaking up because of some npm package
I should go full back end
FRONT END SUCKS
>>
>>54126871
Senpai, if you ever get stuck in PHP lemme know. I want in on this cashflow.
>>
>>54126947
the best recommendation you will get all day:
upload your chinese cartoons to youtube and just build a shitty html site to embed them in
>>
>>54126982
no that's gay I want to watch it with my buds live with chatango chatroom.
>>
>>54126966
The shitstorm has only just began unfortunately. As it turns out Node and all that other shit is more than just a meme.
>>
>>54126997
use youtube to stream it from your computer then, cos theres no fucking way you'll be building a streaming website by
> trying to understand everything using 'view page as source'
>>
>>54127025
FUCKK


really?


Look man, what's the suggested progression then? Ppl keep saying crap like 'just practice and see what you can't do' but that's all shit. Practice what? There some exercises I could maybe do?


Also how far will I have to learn? I remember someone telling me I'd only have to learn PHP and that's as far as I'd have to take it, but now I'm worried there might be some javascript bs too.
Thread replies: 255
Thread images: 44

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

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.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.