[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 Dev 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: 18
File: wdg.png (747 KB, 824x553) Image search: [Google]
wdg.png
747 KB, 824x553
No pajeets wanted to make new thread edition

Previous thread >>54492344

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

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

>Learning material
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/
https://www.freecodecamp.com/
http://www.w3schools.com/
https://developer.mozilla.org/
http://www.codewars.com/
https://youtu.be/JxAXlJEmNMg?list=PL7664379246A246CB - "Crockford on JavaScript" lecture series.

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

>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
https://gist.github.com/dypsilon/5819528/

>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
https://youtu.be/pB0WvcxTbCA - "WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice"
https://youtu.be/zf_cb_Nw5zY - "JavaScript is Easy" - If you can't into programming, you probably won't find a simpler introduction to JavaScript than this.

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>>
first for golang
>inb4 you fell for the golang meme
>>
Is there a checklist or something for cms's?
>>
>>54525541
1. Need a CMS?
Yes > Use Wordpress
No > Don't use Wordpress
>>
PHP a shit
>>
>>54525541
1. Need a CMS?
Yes >
>>>/lgbt/
No
>>>/g/
>>
>tfw at PHP class in 3rd world college

Kill me. Literally pajeet class.
>>
File: 1433186762432.jpg (17 KB, 211x246) Image search: [Google]
1433186762432.jpg
17 KB, 211x246
>subject named computer engineering programming
>its just javascript and python
>>
>>54525823
Soon it will be just Javascript.
>>
What do I need to know from Angular for a student internship?

Would something like this be enough or?

https://www.youtube.com/watch?v=i9MHigUZKEM
>>
>>54525726
The teacher has been in google for half an hour looking how to convert dates in JS.

I'm serious.
>>
>>54526101
What country? And why doesn't he know this already?
>>
>>54526112
Chile. Dunno why, maybe he forgot or something. I told him to use unix timestamps because mysql has a function to convert them.
>>
>>54526101
Damn lol.

Our teacher at least knew what he was doing. Still, when you have a whole lesson (1h30min) centered around working with timestamps, then you know something is not right.

Then a whole lesson about CRUD-ing with DBs.

Then, like a couple of lessons about basic PHP syntax AFTER we already had a full class in PHP before. They LITERALLY created a whole new class which was the same as the last one, only it had a part with database interactions. Terrible organization. That was definitely the worst subject I had.
>>
>>54526135
And yeah, I have to mention that crushing feeling when you are exiting the class and feel like a worthless pajeet, just go home and sleep for the rest of the day.

Fucking hell, we even had an 1h 30min exercise in getting the string from the input and making sure it passes the given format. I made it in regex in 10 minutes, and the rest of the people all worked with multiple if/else statements FUCKING WHAT.
>>
>>54526135
At least my classes were a bit more structured
we got from basic PHP > OOP PHP > DB connection > front end JS > ajax
>>
>>54526202
I had one class with html, css and basic js.
Second class with more advanced js, oop, ajax and other shit.
Two already mentioned classes in PHP.
2/3 of one class was CSS animations.

That's it, but it could really all fit in 2 classes max. I mean, that's to be expected for a study like mine, but it should have been a lot better organized. It's not like I only had web dev courses but there were still too much of them.
>>
>>54526202
>>54526278

What are you guys actually majoring in? BS CS? Or is it for some other IT program where they throw in some watered down web programming as an extra thing?
>>
>>54526332
For me it's called "computing engineering". it's not a university major, a "professional degree" as we call it down here.
>>
>>54526332
Multimedia computing (or new media, or even informatics in some countries, but informatics does not mean cs in mine)

Basically, I learn about graphic and web design, I had some courses in photography and video production, but there's more classes in postproduction, also a couple of audio engineering and mastering classes. There were already mentioned web courses. I should emphasize that the first year is similar to cs programs, more theory.

That's undergraduate, and graduate has some business classes, some more postproduction classes and 3-4 3D classes. I'm not sure I'll go down that route. I could choose the software engineering masters or even go into digital marketing. But desu, I'm already feeling that I don't enjoy web dev or even programming in general that much.

Basically what you get from it - I have a knowledge of a full stack web development, can create beautiful user interfaces and even have some knowledge in marketing. Audio and video are not really connected to that though as I can already see most of the internships are in web dev (more of a front end though).

At the end of the undergraduates I'm not fully happy with it, but a wide array of different fields definitely changed my views and me as a person. I can enjoy all of them, but I am still finding myself. I don't think I would manage to be in development for a long time, I'm just a more "artsy" type and enjoy everything else much more.

Anyway, dunno what to do now, I'm kinda stuck with multimedia, or could go into full software eng. (which I would hate) and digital marketing (meh). I have a feeling I'll have to continue with multimedia for at least a one year and hopefully study something else (at least studying here is free (except this particular degree isn't because it is not part of the university, fuck me right?).

If you want to subscribe to my blog post, click the link below:

vvv.killme.pls
>>
>>54526500
Thanks for the info. I'm thinking about going back to school (was going to get a business degree but dropped out due to lack of funds/interest) but not sure what to get into. I enjoy the backend portion or web development, and I want to enjoy frontend, but the artsy/design/UX shit is just beyond me.

If I don't end up finding something I'll get a lot out of, I'll probably just try to find a a school with a shitty pajeet-tier CS program that I can just skate through with minimum effort while learning everything myself just to get the piece of fancy paper at the end. Or maybe I'll just work in fast food my whole life and die from heart disease or something.
>>
Is ASP Core viable on Linux yet? Can I at least host some REST services with some minor processing behind and connect EF with MySQL on it?
>>
>>54526970
The tooling is buggy so you might encounter issues (I couldn't get IntelliSense to work on Visual Studio Code, for example, and C#/.NET without IntelliSense loses part of its appeal), but overall it werks. Haven't tried EF on ASP.NET Core though.
>>
How much would you jabronis charge me to make a website? Really simple design bare bones. Maybe some sort of payment option on there
>>
i have a div
and there is a <p> in the div
when i put a long word in the <p> the word flows out of the div
how to stop it
it should break
>>
>>54527682
Add to your div's CSS
word-wrap: break-word;


http://jsfiddle.net/Hss5g/2/
>>
>>54527727
figured it out.. how do I add a "-" when the word is broken ? cant find information about it
thanks m8
>>
>>54527739
https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/

More info:
http://lmgtfy.com/?q=html+word+wrap+with+hyphen
>>
I just wrote a 50 lines of todo list in angular. Can I have a job now?
>>
is web development hard
>>
>>54527917
front end? not really, HTML5 is simple shit, CSS3 is kinda tricky but you have frameworks like Bootstrap to make it easier, javascript is a pretty shitty language, but if you have previous programming experience you'll get a hang of it pretty fast
>>
>>54527816
got it from this website
http://jsbin.com/zimeta/4/edit?html,css,output
doesnt work :O
>>
>>54525541
Multiple, non-tech savvy users? CMS

else, Static site generated Pages with a strong templating engine like Jinja2 or whatever
>>
>>54528081
assuming im not an idiot could i learn it in a summer?
>>
>>54528199
Yes. It shouldn't take long to learn html/javascript/php.
>>
what's the best language for create system software?
>>
>>54528593
Ask your brother pajeet.
>>
>>54528593
Go/C/C++
>>
File: gallery.png (9 KB, 747x244) Image search: [Google]
gallery.png
9 KB, 747x244
I want to create pic related, my issues are the following.

I want both the white containers to be the same height, however in the left box is a carousel of testimonials, that all take up a different height due to having a different amount of text in each.

How do I make it so that the right hand container stays the same height as the left hand, which is always the height of the largest testimonial?
>>
>>54529425
display:table-cell;
>>
>>54529425
idk maybe max-height ?
>>
>>54529425
flexbox
>>
>>54529425
Put them both into a parent container,
align:left and align:right respectively.
>>
>>54529484
Parent must have display:table, too

>>54529487
Has to be calculated with JS, in that case. It's shitty to use JS for styling.

>>54529496
>what is browser support
dumb

>>54529530
literally stopped reading after first line?
>>
>>54529425
http://codepen.io/anon/pen/VaNWmg
>>
>>54529558
browser support seems good enough, not sure why you want to support anything older?
>>
>>54529558
>thinks this is 2012
http://caniuse.com/#search=flexbox
>>
>>54529583
>>54529588
>no IE >=9
>newer IE buggy as fuck
>no android <=4.3
>no iOS <6
Wanna know how I know you've never done front-end as a job?
>>
>>54529632
it is my job anon, why are you supporting deprecated versions?
IE8 supports costs extra, otherwise latest browser.
>>
>>54529571
>>54529484

Will either of these take into account the issue of the left hand container changing height due to it being a carousel containing text?
>>
File: 40yearoldvirginclip.jpg (18 KB, 480x270) Image search: [Google]
40yearoldvirginclip.jpg
18 KB, 480x270
>>54529632
>he's a "frontend dev"
you know how I know you're gay?
>>
>>54529718
>ur gay xd
>>
>>54529910
>ur not a barista webartisan frontend dev xd
>>
I finished the long and boring codeacademy python course, can I jump right to django now? What to do after the official tutorial?
>>
File: border wat.png (2 KB, 166x171) Image search: [Google]
border wat.png
2 KB, 166x171
doing freecodecamp challange
why arent the corners rounded ? the icons area links with border-radius: 5px;
>>
>>54530443
post the entire thing, no one knows what you're doing.
>>
>>54530209
Make a blog
>>
>>54530457
https://jsfiddle.net/faires123/vejupzL8/

had big problems with the positioning because I suck there.. can also comment it if you see something wrong
>>
>>54530505
borders are all rounded anon, it's on your end.
>>
>>54526101

Damn moment.js
>>
>>54530518
i dont get it :/
>>
File: round.png (17 KB, 1158x588) Image search: [Google]
round.png
17 KB, 1158x588
>>54530617
>>
i get it, using chrome
>>
File: cut.png (3 KB, 203x126) Image search: [Google]
cut.png
3 KB, 203x126
>>54530505
you cut off the right part.
>>
>>54530702
>>54530671
>>54530648

idk whats happening.. on the live preview with brackets its like in my picture.. when I open the file with ff i dont see the logos
how did I cut the right part ?
>>
>>54530730
That's why live preview is useless. Use a browser instead.
>>
>>54530791
so can you explain what I did wrong ?
>>
>>54526500
>Multimedia

Fucking lol. Multimedia is fucking useless. Heard the phrase "jack of all trades master of none"?

You either need to go into full web development will all the database shit included or do full graphic design if you like the visual stuff.

I did multimedia. Waste of time. I liked art and hated code so it fucked me up. I'm a wedding photographer now.
>>
Is requirejs still the way to go to modulize your code?
>>
For those of you who are getting paid for website development, how do you figure your rates?
>>
>>54530505
you should undo the i {margin-right: 1.0em} ((index):111). Thats doing some funky shit with rounding on the div.
>>
>>54531830
monthPay = How much I want to earn per month or how much I'd earn on a company doing the same thing
freelanceMonthPay = monthPay * 2
committedHours = How many hours a month I'd work (default: 170~)
hourRate = freelanceMonthPay / committedHours
print(hourRate)
>>
File: google-rating.jpg (78 KB, 1138x831) Image search: [Google]
google-rating.jpg
78 KB, 1138x831
>ranking sites by speed
>can't even reach 80% on it with their own website
>>
>>54531658
Yeah I'm afraid of that. I-it has only been 3 years, I could s-still go do a new study, r-right? I can do masters in something else after all.

How exactly did it fuck you up?

Anyway, I'm slowly starting to realize there is not much work for designers and editors here. I got a few calls for the internship and they are strict software shit, not even full web though.

>tfw company makes websites with microsoft sharepoint
>tfw the other makes shit with java
>tfw the third works with something I haven't even heard of
>tfw now I realize I'd much rather work with some memers and chill doing meme js frameworks or even just do html+css and have fun in photoshop

I haven't even seen a day of work and I already realized I'd pretty much do everything except code. Maybe salary would change that.

Now I really don't see the point doing masters in multimedia at all, I'll just learn yet another thing (3D) and for this I am sure I couldn't possibly be on par with guys who did just that for a couple of years. I mean, I'm interested in that too, but I can learn it on my own if I want.

Shit, I still don't know what to choose and the final undergraduate year is over in 2 months...
>>
>>54531943
Given (monthPay * 2), how do you not get lowballed out of every job by pajeets?
>>
>>54532136
By aiming higher than those jobs. Even though pajeets are everywhere, there are some fields with a lower ratio. If you can only do HTML+CSS+JS/Wordpress, I've got some bad news...
>>
>>54531973
its 99 for mobile and 95 for desktop when I tried it
>>
My friend is going to start a business soon and wants me to set him up with an online store. Is Magento the way to go?
>>
>>54532182
If he can make great websites with awesome design, what's wrong with knowing "just" those technologies? Why do you consider that a pajeet tier?
>>
>>54532230
Because the clients for the pajeet tier websites doesn't care about "great websites with awesome design" - they want cheap and quick websites that barely do the work they want. And "cheap and quick (and awful)" are Pajeet's Special Abilities. You can't compete with them there.
>>
>>54532230
>>54532298
Adding: If you want to be safe from Pajeet's reach while creating websites with those technologies, you'll have to do more offline work by visiting local shops and such.
>>
>>54532298
Who said anything about pajeet tier websites? What, can you not make a good website for a decent client with those technologies?? What should you use then to not be considered a pajeet?
>>
>>54532362
Sure you can, but you (or the other guy) were talking about "getting lowballed by pajeets". I assumed we were talking about pajeet tier websites like the ones you find on Workana, Freelancer, Elance, etc. And you lose there when you look for work with Wordpress for example.
>>
>>54529632
>not realising that supporting all that deprecated shit is the real cancer
Also, it completely depends on what kind of website it is, and what target audience uses it. Wanna know how I know you've never done front-end as a job?
>>
>>54531208
anon, just make regular divs and use border-radius to make them rounder
>>
>>54532222
why not something more widely known/used, like paypal?

(I don't have any experience with this, I am just curious)
>>
>>54532459
Fair enough. Yeah, I'm the different guy. Btw I did try freelancer for a week, but I only went through contests for design to practice a little. It is swarmed by pajeets but there are a lot of eastern europe countries too. Tbh pajeets and all the other asians are so shitty it's amazing. I kek'd so hard a couple of times when some guys, instead of a work, uploaded a picture with sentence "mr. Sir plese wait for my project, i am working on it ok". Yeah, they are usually pure shit and get declined, but sometimes they manage to win - it's obvious the clients don't have a good taste at all. That, combined with the feeling of being an extreme failure of life for using that site, made me run far away and I'm never going back.
>>
>>54532537
will try, working now on the js part
>>
>>54532670
>>54532537
implying I wont fuck it up more with more divs
just removed the icons and added normal text, but will it anyway
>>
>>54532602
>not just saying Braintree
>>
>>54531780
Nope. SystemJS into ES6 modules.
>>
>>54532715
I've never looked into payment systems before, but I feel like I should know, if the situation arises and I need to use something.
>>
>>54526096
>Angular 1
hehehe
>>
I love Polymer, but HOLY FUCK do polymer applications take long to start up in polyfilled browsers.

What is google thinking? If this is seriously the next big thing, the thing they'll use for YouTube and that they expect us to use, why aren't they giving this more thought?

It works amazingly well in Chrome and I really love the way you work with standards conforming web components with some optional sugar, but holy crap... I can't bring myself to create anything in it.
>>
>>54532793
Yeah it's old, I went through some other course.

But idk of they work with older angular or angular 2.
>>
>>54532748
>SystemJS
Don't you mean the newest meme loader webpack?

...Seriously, I don't understand these build systems and bundlers. I know some fucked up programming languages well and some bad tooling, but JS's is absolutely disgusting.
>>
>>54532963
SystemJS is just a polyfill until the ES6 module standard is implemented natively. They use the same syntax.
>>
>>54532748
Yeah well fuck it I just can't keep up with all this. Just gonna use require.
>>
Ok /wdg/ you have convinced me that Go is great stuff. What is the best way for learning it?
>>
>>54532992
So you use Systemjs with some long-ass multistep gulp-shit with babel-faggotry? I can't stand this shit. I'll kill the people who make these tools.
>>
>>54533107
The official tour.
>>54533178
Just TypeScript.
>>
>>54532603
Post on HN for freelancing then no pajeet lowballing https://news.ycombinator.com/submitted?id=whoishiring

You can also hustle on elance pretty well if you don't do the race to the bottom shit, eventually people will pay you your desired rate if the work is good.

There's also toptal, they set your wage to your geolocation though which is horseshit but still can charge around $40/hr which is good enough depending where you live (like, say Moldova where $40/hr is more than the gov makes)
>>
With single page applications, are you supposed to have two servers? One sending the static files, and the backend?
>>
>>54533625
it's a good way
>>
>>54533649
Thanks.
>>
Challenge for you /wdg/
Give the following 3 tables, retrieve a list of all of a person's data, with an additional column for a comma-separated list of animes they've watched:
1) Table1-person, primary key is id
2) Table2-anime, primary key is id
3) Table3-many2many field connecting these 2 tables, person_id relates to person.id and anime_id relates to anime.id

Don't use nested Selects
If you use MySQL, you can use group_concat
I believe Postgresql has string_agg, or array_to_string
>>
File: 1458910129553.png (38 KB, 754x717) Image search: [Google]
1458910129553.png
38 KB, 754x717
>>54534095
We're not doing your job for you, Pajeet.
>>
>>54534184
ha, it took a while
>>
>>54534095
Not much of a challenge:
http://sqlfiddle.com/#!9/ff4f8/1
>>
>>54533107
talked to a friend today who uses Go in production.

he likes it.
>>
>>54534275
I know, group_concat was just something I learned recently since my work needed a list of things as an additional field to export. I thought the function was pretty cool (I previously tried to use python libraries to collate linked "animes" into a list associated with a "person", but then found group_concat through stackoverflow). Felt like sharing
>>
Stucked here, need some guidance please:

https://jsfiddle.net/hytxrftb/1/

Can someone tell me how do I make my "div div" totally aligned to make it in the middle? The same for the text, how can it be aligned in the middle?
Another one is: how can I make the "div div" totally white? Even with the opacity: 1 it is getting opacity from the other div.
>>
File: Web-Development-with-Go.jpg (19 KB, 350x499) Image search: [Google]
Web-Development-with-Go.jpg
19 KB, 350x499
>>54533107
this is the best book on learning Go web programming, the beginning of the book gives a really good intro on how to program in Go if youve never used it before

scroll down on this webpage and there are 3 free books on learning Go web programming:
https://github.com/dariubs/GoBooks
>>
is there a way to get more descriptive log files from heroku? All I see is status=500, but the app works fine locally. I then checked the environment variables because those would be the only things different in production but it still failed in production even when i used them explicitly (I took them down aleady so no one sees them while I'm debugging). Is there a gem file that i can get that will make this process less infuriating?
>>
Guys wtf is sharepoint? Who uses that for building websites?
>>
>>54535214
first install heroku toolbelt

then heroku logs
>>
File: halp.png (9 KB, 852x180) Image search: [Google]
halp.png
9 KB, 852x180
How would I achieve something like this in bootstrap? The slash is an actual slash "/".
>>
Do smaller web companies even have web designers? It seems to me like a lot of them don't cause their sites look shitty and are non-responsive.
>>
>>54535930
Try not to feel too good about yourself faggot.
>>
>>54535673
I didn't do anything new but suddenly the log file just got a LOT more descriptive.
I added rails_12factor gem a while ago, but i don't even know if or when that made an effect
this whole process was retarded and i honestly don't understand how or why its deplyed but i'm now tipsy and past the point of caring
>>
>>54536208
edit: It's working, don't know what the fuck happened, I feel like this is just one of those things I'm gonna have to get used to the longer I develop web apps
>>
Are there any HTML/CSS/JS sharing websites that I can also load pictures onto so I can display a complete webpage I am working on in the page itself without giving any files to friends?
>>
>>54535922
Read Bootstrap docs
>>
>>54536502
just load the images on imgur or something and img src them
>>
>>54536502
What the fuck are you even asking?
>>
>>54536502
Photobucket, Dropbox, imgur.

Imgur is usually fucky for me.
>>
>>54535622
pajeet in IT
>>
>>54532222

If you want the best for your bud send him off to Squarespace. Otherwise make as much as money as you can and build an ecommerce website from scratch that's been done hundreds of thousands of times and claim "uses the latest and greatest technology".
>>
>>54533178

Holy kek m8 I thought I was alone with that train of thought
>>
File: fc,550x550,white.u1.jpg (24 KB, 550x550) Image search: [Google]
fc,550x550,white.u1.jpg
24 KB, 550x550
Is emacs gud for web dev? (html, css, php, js, python...)
>>
Got invited to go to an interview for an internship where I'll be writing PHP.

What clothes should I wear? Suit.
>>
>>54537799

Wear what you would wear on the job, seriously - just much more cleaned up. The only time you'd wear a suit as a dev is when you're working for a bank, law firm, hedge fund etc or some other corporate junkie culture.
>>
>>54538131
>corporate junkie culture
what a nice definition
>>
>>54537649
Sure, static analysis for all those language is shit anyways so you don't even miss out on anything in exchange for a lighter, more extensible, better designed editor than webstorm or sublime et al.
>>
>>54537799
>What clothes should I wear?
>Suit.
Terrible idea. Wear like a sweatshirt and jeans, don't throw it in their face but dress the way you want to dress day to day. Devs are a valuable commodity and you should set the tone of your relationship with your employer early: you're desirable and they need to provide for you if they want to hang on to their valuable asset.
>>
How secure is redis?

Am I safe if I just deny all ports in ufw except 23, 80 and 443?
>>
should I switch to full time linux? I have been using a Debian VM on windows 7 for a while now but im getting tired of all the windows BS. Im going to miss Photoshop and the adobe suite but that's about it. I only ask here because I want to become a web-dev and want your input.
>>
>>54538694
just use vagrant
using linux as a desktop os is retarded
>>
>>54537799
Ask them
https://news.ycombinator.com/item?id=3847422

The only time I interviewed I showed up in denim, pressed button shirt and Redwings hipster boots. Literally everybody else there was some faggot pajama wearing man child or slob in jogging pants with sandals.

Anyways just ask them
>>
>>54538694
Run Linux desktop with Windows in a VM for photoshop then. Read this first so you know what you're doing http://libgen.io/book/index.php?md5=6E56E7EBBDA99F686827E0F84C03A594
>>
>>54538755
wont i need gpu passthrough? or is it not that gpu intensive?
>>
>>54538755
also I have a lot of movies and music on my windows partition. I am running a emby server on another pc and want to move all my files over there. what is the best way to do that. I hear that FTP is bad and never to use it.
>>
>>54535922
<img src="" alt="">
<select>
<option>Are you literally retarded?</option>
</select>
/
<select>
<option>Go home Pajeet.</option>
</select>
>>
>>54538655
As safe as its auth scheme. You need to set up auth and you can never let untrusted clients connect but if you satisfy those two constraints it's about as secure as a piece of code can be.
>>
>>54539044
why are you helping them? this field of work is already over saturated, and you are helping create more pajeets. enjoy working for $1 an hour soon
>>
>>54535980
What's wrong with you?
>>
>>54536868
Yeah I got call for internship from one. I probably won't reply.
>>
File: js.jpg (103 KB, 1024x576) Image search: [Google]
js.jpg
103 KB, 1024x576
>>54534184
best part is the 8 upboats
>>
What should I use instead of overused bootstrap?
>>
>>54540167
Flexbox.
>>
>>54540213
I want it to look decently pretty already so I can focus on the backend.
>>
What would be some project to build with Flask?
>>
>>54540617
Distributed meme propagation cluster.
>>
Any fucks here developing pasta- I mean prestashop addons?
How do I into dumping action hook parameters.
>>
I have to accept the sad fact, /g/.

There is no point learning algorithms/data structures and all the other shit. In my location you just have to know a lot of frameworks - the more, the better. Basically, we would define those companies as pajeets here, but all of them are like that.

Please, just give me some decent sized projects for portfolio, preferably having some angular functionality too. I can't be like this anymore, I just can't think of anything that needs more than 100 lines of code, so just give it to me.
>>
>>54541009
OS in your browser.
>>
I have two identical layouts but with different data.The css and html are identical,minus the name of the page.
On one page,it is properly using a fixed width font for the data set.On the second page,it is not using the fixed width.I have rendered it in firefox,chrome, and opera.And they replicate the same behavior. What would cause this?
>>
Is it bad if I use free hosting for my portfolio?
>>
>>54541844
Well, it certainly doesn't look as professional as an own domain.
>>
Where do you guys get job as freelancers?
Is it mostly based on your local area or from the freelancers websites/promoting in forums, etc.?
>>
File: 1452197006481.jpg (78 KB, 338x305) Image search: [Google]
1452197006481.jpg
78 KB, 338x305
>>54535141
>Shiju Varghese

>recommending a book by an Indian
>>
i have a small html file 8kb with some js and css nothing special, but the brackets preview and browsers take 10seconds to load the file from my local folders
why, its the shitty quote mashine I posted earlier but with some features
>>
>>54541844
>>54541911

gitlab pages and your own domain name?
>>
In JQuery, how do I make an event trigger for a specific element? I can't pose the question very well, but look at this:
$(".staff").click(function() {  
$(".staffinfo").slideToggle("slow");

});


So a 'staffinfo' paragraph is inside a 'staff' div. What I want to do is make the event trigger for the 'staff' div that's been clicked on, not ALL the 'staff' divs. I know this is achievable using IDs obviously, but my divs are being printed by a PHP loop that extracts the info from a database. Anyone know how I can achieve this? I have a feeling like a solution uses $(this) somehow, but I'm quite stuck.
>>
with 'this' you get the element that fired the event.
$(".staff").click(function() {  
$(".staffinfo").slideToggle("slow");

let $this = $(this);
$this.doSomething();
});
>>
>>54543056
>>54543007
forgot to quote.
>>
>>54543007
maybe this
http://www.w3schools.com/jquery/jquery_traversing_ancestors.asp
>>
>>54543056
Yeah, I figured. Is there any JQuery feature that will do what I asked above? As in, it'll only fire for the 'staffinfo' that's inside the clicked 'staff' div?
>>
>>54543076
sorry might have misread.

you can do
$('.staffinfo', this).slideToggle('slow');
or
$('.staffinfo', '.someotherselector')'

so it'll only look for children of the second element.
>>
>>54543071
Not quite what I was after, but thanks anyway.

>>54543094
Wow, yes! Cheers mate. Worked perfectly. Didn't even know you could do that.
>>
I just got my first freelance job and got paired with an Indian guy who's doing the back-end in Node and I'm doing the front-end in Angular. I'll never make fun of 'Pajeets' again, this guy is so chill and pretty talented.
>>
So I have to learn TypeScript to learn Angular 2 ?
>>
Would Pong in Javascript be a decent project for a portfolio? (I hope you say yes because I never did anything more complicated than this anway).
>>
File: meteor.png (16 KB, 380x300) Image search: [Google]
meteor.png
16 KB, 380x300
What stack would you use for a live chat app? I'm thinking django and some ajax or meteor+react (never used them)
>>
>>54544144
MEAN
>>
>>54544382
I am quite afraid for the database for MongoDB, I am not use to those kind of DB. Is it nice?
>>
>>54544417

Mongo is easy to use but if you prefer a SQL database there are plenty of npm modules to support that. Postgres with pg-promise is a pretty decent one to use.
>>
>>54544107
If you're going for design jobs and want to show that you can do a little bit of scripting, sure. For a developer job, I wouldn't even put it on there. Make a twitter clone or something. Companies hire developers to make web apps, not pong.
>>
I can't get loading local fonts to work for the life of me.

Is this supposed to work without installing the font on the operating system or have I misunderstood this?

I'm doing
@font-face {
font-family: 'Oleo Script';
src: local('fonts/Oleo_Script/OleoScript-Regular.ttf');
font-weight: normal;
}


to load the font from my folder, and then I'm trying to use it with:
font-family: 'Oleo Script';


What gives?
>>
>>54544756
Weird, because it seems harder to make a pong in canvas than a twitter clone. I could do that pretty easily with raw PHP, even more if I use something like Rails.
>>
>>54543378
You can use vanilla js but typescript isn't that hard to learn.

>>54543320
Pajeet is a state of mind. There are plenty of Indians that are legit programmers. It's just that the low cost of living in india + widespread internet access + (relatively) high paying remote jobs means you're going to have a lot of shit coders that barely know how to copy/paste from SO without learning why things work the way they do.
>>
>>54544814
It's not about difficulty. If I were going to hire you to build a house, let's say, and your portfolio contained a go-kart you built from scratch, that might very well be impressive, but it doesn't indicate whether you know the first thing about building houses. I want someone that can show up to the job site, grab a hammer, and get up to speed relatively quickly. I don't want to have to explain basic house building shit to you, so I'd like to see evidence that you already know that stuff.

Maybe not the best analogy, but you get the idea. I haven't had any coffee yet.
>>
>>54544897
Fair enough.

Do you have any good sources for project ideas? Even better if they are frontend though, but I should do both. Aside from some html parsers in Python, html+css reponsive sites which show the knowledge of css frameworks and some super simple crud apps in PHP, I don't have much more stuff. Especially in JS. One place uses Angular so I went through basics of it yesterday so I'm interested in doing something JS+Angular related. It's a plus if it can be made in a few days and still be decent enough for a showcase.
>>
>>54544720
Thanks, I will check it.
>>
>>54545082
A clone of <popular website> is always good, as is a data mashup using D3 or some other graph library and some open API/db (protip: https://www.data.gov/ has huge amounts of raw data to play with)

Other than that, you could steal project ideas from FreeCodeCamp or similar, or maybe one of the Harvard/MIT free online courses. Harvard's CS75 has like 3 projects for the course that you could do, optionally using meme.js instead of php or whatever the intended language is. The sky's the limit, really.

Whatever you do, you probably want to show that:
1. You can write clean, well-commented code that isn't completely retarded
2. You're capable of learning new techs/frameworks (so have some projects with newer stuff like react and ng2)
3. You can do UX design that isn't completely retarded. In other words, whatever you make should demonstrate that you put some thought into usability. Don't just mindlessly throw in a hamburger menu and also don't make something unusably dense and confusing. No need for it to be a work of art, but good design will score you points.
>>
http://www.dennis.video/

literally HOW?
>>
>>54545318
Thanks for the tips man.
>>
I am making my first production website (about 10 pages). Is there a guide to how I set up my html and css for seperate pages.

What I mean is should it be like:

Header and footer in 1 html file and 1 css file
1 general styling css that is included on every page
index page 1 html (no html tag or head tag) 1 css that is dedicated to the index, and the stylesheet that is included on every page.
repeat for everyother page like the index

If that was confusing to read, it was confusing to type.
>>
>>54545375
Is there any point learning Three.js? Who needs that?
>>
>>54545375
http://www.dennis.video/#about
>>
>>54545405

Instead of havi different Css files specific to a page, just write a page specific class that works for that page.

You are using SASS / LESS right?
>>
>>54545436

No, I know I should.
>>
>>54544144
Live data through sockets? Meteor DDP is a great choice.
>>
Do you guys change the hostname in your application manually when switching from dev to production? Dev api server is obviously local.
>>
>>54545546
I would probably use an environment variable to do that.
>>
>>54545842
I see. Can I alternatively run both the web server and the api server on the same domain?
>>
>>54545965
what? why shouldn't you? why would you split them up in the first place.
>>
I'm starting out in web dev, and i've gotten the hang of html, css and jquery. what's the next logical step if i want to focus in on front-end development?

P5?
>>
>>54546007
Because I'm new to this. Plus I'm retarded.

So when anon opens johndoe.com, this returns the static files. And in the javascript files I run $.getJSON('/endpoint'). This would work no problem? Even though they're two different servers?
>>
>>54546035
Pick a front-end framework and learn it. Angular2, React, etc. Take your pick.
>>
What do you do for dev/test/prod servers?
>>
>>54546035

1. Get good at vanilla js. Practice using some APIs. Learn how to use build tools like Grunt/Gulp/NPM/Webpack/etc.

2. Learn some or all of this stuff:
- Angular 1 / 2
- React
- D3 data visualization lib
- CSS animations
- CSS preprocessor like SASS or LESS (SASS is the most popular atm)
- HMTL preprocessor like jade/pug/whatever it's called now

2. Start learning some backend stuff. Pick one of the following and learn it:
- Ruby - Rails
- NodeJS - Express
- Python - Django
- c# - ASP.NET
- PHP
Pick whichever one you want, they're all still in regular use. You can switch later, but once you start with one, stick with it for a while first. The others will be easier to learn afterwards.
>>
>>54546261
Also, learn how to count to 3.
>>
>>54537649
Yes, try Spacemacs if you can't be bothered to look for good packages and configure them all
>>
>>54537799
Just wear your traditional Indian dress.
>>
>>54546098
>>54546261
this is great. thanks for the help guys
>>
>>54546261
>d3
Don't fall for this. You will only end up in pain.
>>
>>54546069
$.getJSON('/endpoint')
will go to johndoe.com/endpoint. If you want another server, you'll need to give it the full url. Other than that, it'll work fine for the most part. If it's on another server, sometimes you'll need to use JSONP (not 100% secure if you don't trust the other server) or do some authentication first.

>>54546167
No idea what you're asking.
>>
>>54546069
depends on your server configuration.
I only know nginx and you can easily bind a directory to any other server.
>>
>>54546511
I was planning on using nginx. Care to link me to some docs for that? Or some words I can look up.
>>
Is there a painless way to center the second element inside of the former?

 24 #index_banner {
25 width: 400px;
26 margin-left: auto;
27 margin-right: auto;
28 color: #cfcfcf;
29 background-color: #656565;
30 padding: 4px;
31 margin-top: 4px;
32 display: table;
33 }
34
35 .index_title {
36 display: table-cell;
37 }


I miss the times when <center> was all that was needed.
>>
>>54542531
>burgerstans want to learn go web programming
>best book on subject written by pajeet
I love this, amerafats cut down Indians but refuse to move to the next level because their ashamed to learn from a 'pajeet', stay ignorant and stuff another burger in your face
>>
File: 1075186.jpg (49 KB, 640x480) Image search: [Google]
1075186.jpg
49 KB, 640x480
>>54546555
>I miss the times when <center> was all that was needed.

this, centering elements in css is unnecessarily hard and flexbox even though it does it's job it's still overly complicated
>>
>>54546608
I got it working by giving it a fixed with in pixels and by adding the text-align attribute.

This also reminds me of how much I hate that you can't set dynamic dimensions when the parent element has them fixed.

Ideally we'd just ditch HTML and CSS and invent a whole new thing for layouting. Their both deprecated as fuck.
>still no variables in native css
>>
>>54546555
.index_title
you don't center a table cell pajeet, you center it's contents.
text-align:center is the html5 way, but since you apparently did webdev back in '98 align="center"
is probably more to your taste
>>
>>54546691
I only do frontend stuff sporadically so I always forget all these non-intuitive rules.

Definitely enjoyed frontend dev more when I was a kid that didn't know about CSS and HTML 5 wasn't a thing, yeah.
>>
i have this open weather api in json http://api.openweathermap.org/data/2.5/weather?q=London&appid=6497fd3fb664e5c26f7072e3eea70f83
how do I use in in a html ?
cant find any decent tutorial for json

  $(document).ready(function () {
$.getJSON('http://api.openweathermap.org/data/2.5/weather?q=London&appid=6497fd3fb664e5c26f7072e3eea70f83', function (data) {
$("#test").text(data); // #test is a <p>
});
});
>>
>>54546989
json is just javascript values in a string. jquery is converting json into javascript values. you can pretty much just read json yourself and pretend it's actual javascript code.
>>
>>54546538
https://www.nginx.com/oreilly-guide/?utm_source=nginxcom&utm_medium=blog&utm_campaign=oreilly_nginxpracticalguide_july2015#
was pretty handy, and free so far.
>>
>>54547212
Thank you.
>>
I'm storing a lot of data per user, so ID's can get very high. I use these ID's in the url (/datathing/3445/subthing) and I was wondering if that is frowned upon? Should I use a counter per user, so each user's datathing starts with ID 0?
>>
>>54547550
nothing wrong with it

you could hash it to a long enough number so that it looks consistent, but as it is, it's fine

since there's so many id's, I wouldn't recommend a slug either
>>
>>54547580
>since there's so many id's, I wouldn't recommend a slug either
Thanks, but what do you mean by this?
>>
>>54547660
A slug is the unique url-equivalent of whatever string you want

ex: slug of 'bob thomas' would be 'bob-thomas' and could fit in a url like: localhost:8000/people/bob-thomas

duplicates could be handled by creating a postfix, the next 'bob thomas''s link would have /bob-thomas-2/

4chan thread urls are slugged based on subject like the url for this thread has /wdg-web-dev-general/
>>
>>54547741
Oh right! That's clear anon, thans again.
>>
Angular 1 or 2 and why?
>>
>>54547849
2 because 1 a shit
>>
File: Screenshot_2016-05-14-14-33-11.png (324 KB, 1080x1920) Image search: [Google]
Screenshot_2016-05-14-14-33-11.png
324 KB, 1080x1920
>april 29th

I know it says "a few weeks" but I did the test a month ago. Should I email them?
>>
>>54547849
>>54547932
1 is shit and and 2 has no learning material, you're fucked either way.
>>
>>54548059
Doesn't hurt, and it shows interest, just make sure to not seem pushy (e.g. only send one and seem innocent in it)
>>
>>54548183
>>
>OSError: [Errno 98] Address already in use
How can I make flask run an application on the same port as the server serving the static website files? Both on localhost.
>>
>>54548703
you dont

host your flask application on a different port. have your static server redirect to your flask server if it cannot find the static file requested
>>
>>54548703
Why are you opening a new port?
>>
>>54548752
So how would I use the rest api on the flask application from the javascript if it's on a different port?
>>
>>54548846
https://en.wikipedia.org/wiki/Reverse_proxy

if you use nginx it can act as a reverse proxy and server static files. nginx will redirect requests on port 80 to the port your flask application uses then send the response back to the client if it can't serve a static file
>>
>>54548921
Ah got it. I take it there is no easy way to do this for dev? Don't feel like configuring nginx on my laptop if you know what I mean
>>
>>54548970
idk maybe you can get flask to serve static files?
>>
>>54548991
Perhaps, I'll look. Ty
>>
>>54548970
If you're running ubuntu, install apache

sudo apt-get install apache2 apache2-doc apache2-utils

Takes 5 minutes to set up. I can literally send you an example config file if you need
>>
im gonna make a webpage for don and email it to him
>>
>>54549138

>inb4 don we will spammed by anons with html files
>>
>>54549077
I'm reading up on nginx, but thanks anon.
>>
>tfw the web dev agency I work for was bought out by a huge company

It's a very abstract feel. Like things will change but I don't know how.
>>
>>54549542
would you kill yourself if you werent allowed to strap on 5MB of jquery libs on monday?
>>
>>54549599
They have frontend developers for that and making things pretty. I only do backend.

Even then I don't think I've seen a jquery plugin actually used in like 4 years.
>>
>>54549542
https://youtu.be/Fy3rjQGc6lA

This is your future, anon.
>>
>>54549642
so... you're a sysadmin?
>>
>>54549703
I... what? No. There's guys for that.

What do you think a web dev agency does, anon?

People don't pay millions of dollars for static sites.
>>
>>54549676
I don't doubt it, the day I'm asked to change my wallpaper to a corporate one is the day I find a new job.
>>
>>54549727
hmm.. maybe you do stuff like sanitize input and put things neatly and orderly in a database?
>>
I have no problem with coding my websites, but what's the best place to learn how to make it not look like shit?
>>
>>54549642
>Even then I don't think I've seen a jquery plugin actually used in like 4 years.
The fuck? Are people using plain JS when jQuery would easily suffice?
>>
>>54549820
jQuery itself is fine, it's the libs that are usually brittle as fuck and not worth using because of how much they bloat the site out.

>>54549809
Sometimes, sure. How about you anon?
>>
>>54549676
I wasn't sure what film to watch this evening. Now I know, thanks anon-kun!
>>
>>54549851
>it's the libs
Oh I'm in the same boat, I barely even remembered jQuery libs existed
Thread replies: 255
Thread images: 18

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.