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

>Discord https://discord.gg/wdg >IRC Channel #/g/wdg

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

Thread replies: 318
Thread images: 34

File: 1492699824349.png (731KB, 824x553px) Image search: [Google]
1492699824349.png
731KB, 824x553px
>Discord
https://discord.gg/wdg

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

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

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

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

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

>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://pastebin.com/pDT82mQS
http://pastebin.com/AL6j7GEE

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>>
File: smugAnimeGirl5.png (597KB, 477x477px) Image search: [Google]
smugAnimeGirl5.png
597KB, 477x477px
>>60071318
I'm really starting to get into Angular JS. I here from my professors in college and from researching job openings that it is in high demand at many web-dev jobs and it is pretty fun to use. I've already made a couple of Ionic apps for Android/Iphone and am quite happy with the results.

Also smug anime girl with a condescending smile for anybody browsing this thread that doesn't think Javascript is the future.
>>
Does anyone know of any open source projects that need unit tests written? I am looking to practice my JavaScript test writing and would like to contribute to something instead of throwing it away.
>>
>>60071460
https://github.com/search?q=unit+test&type=Issues&utf8=%E2%9C%93

literally go to github, search for unit test, click on the Issues tab
>>
>>60071618
thank you, friend.
>>
>>60071350
Turn back while it still makes sense and learn React instead, steeper learning curve but once you get it it's way more comfy
>>
>>60071638
ha, you're welcome
>>
My {{ Flavor of the month}} makes way more sense than {{ Previous flavor of the month }} !
>>
>>60071350
It will turn out to be another fad like all the previous hipster languages. And very good because javascript is mistake. And no, all those new versions don't make it not shit.
>>
Got 3k usd of contract work today through Upwork.
Feels good man.

One of them is refactor 2k lines of js to es5 for a fucking grand. Love freelance.
>>
>>60072656
Angular isn't a fad. It's like the only js framework that didn't die besides jQuery.

Yes, I think React is dying. Yes, Meteor is long dead.

>>60073451
How long did you have to work at 3 dollars an hour before getting that? Serious question. I got denied constantly because I was too expensive (at 15/hr which was good money at the time).
>>
How do I check how much JS my site is using?
>>
what sort of info can I get about the user's computer if they visit my site? can I see their MAC address? Does using cookies give me greater insight into their system?
>>
>>60073654
>tfw you realize NOT using JS is an even bigger meme
>>
File: images_0.jpg (10KB, 280x180px) Image search: [Google]
images_0.jpg
10KB, 280x180px
>>60072656
>It will turn out to be another fad like all the previous hipster languages. And very good because javascript is mistake. And no, all those new versions don't make it not shit.


Regardless of anyone's opinion on JavaScript, let's all just admire this post for a minute

Angular is a "language" and modern frameworks are "new versions" of JavaScript. These two idiocies are tied together with the "was a mistake" meme.

This is the average /g/ user: they've heard the words before but have no idea what they mean.
>>
>>60073451
Got paid $1300 last Friday for working in an office for 40 hours
Gonna get the same this Friday too

Come to think of it, that's every Friday

Fuck freelance
>>
>>60074599
Fuck off, that's $5,200 a month if you keep that same rate. I'd murder you in your sleep for that kind of salary right now.
>>
>>60074761
Welcome to America kid

That's not even a great salary for web development
>>
>>60074789

It's fucked. I have more skills in development than the average American and I can write clean and efficient code. Why is it so hard to find remote jobs that hire foreigners? If you paid me $2,500 usd a month I'd be making serious money where I live (South America).
Instead of paying your US devs $100k a year, pay me $50k and I'd be happier than a pig in mud.
>>
>>60074852
Come here and get the job buddy

Stop wasting your talents
>>
>>60074902
I can't - immigration n' shit. Send me all your white women, I'll marry them and get that green card.
>>
>>60074852
>find shitty websites in different niches
>bootstrap/wordpress template website
>charge $100-$500
>more if you're feeling like they're gullible
>write up service level agreement
>state that you will not have to manage the site once it's finished
>pass on all the shit to the client once finished
>drop off the system

yeah cuz that's how you do it, never has there ever been more distrust once I'm finished with all them cucks
>>
>>60071670
Nah. Just let him learn angular so that we Reactjs/Vuejs devs are less saturated :^)

Tell him
angular is epic!
angular is the king!

To everyone: Hail angular!
Angular is backed by google.
I am studying it right now!
Ignore the react/vuejs fags

go angular!
>>
>>60073465
>Yes, I think React is dying
Just because you're having trouble passing props in stateful components doesn't mean it's dying.

Go back to angular
>>
>>60074599
Nice.

I make 950 a week :(
>>
>>60074991
Get them to agree to the site. Tell them this is what they are going to get.

Tell them you can add more features afterwards for 50 an hour. Sell them monthly hosting on an AWS for 30 a month with free bug fixes.

You're just throwing away money by going away like that.
>>
>>60075592
I use both React and Meteor...well, used.
>>
Guess I'm kind of lucky. First job application for a job in intermediate PHP/Laravel.

Passed through two interviews and a technical exercise.
Now one of the managers bought a same-day return plane ticket for me to be trialled on the job for the day.

Wish me luck, /g/. Anyone got tips? First time in a professional environment.
>>
>>60076732
Remember they might want to ask coworkers afterwards what they think of you.
>>
File: 1483526692557.gif (2MB, 250x250px) Image search: [Google]
1483526692557.gif
2MB, 250x250px
Are there any resources on using lua for webdev?
>>
>>60077048
Yeah that's a good point. Cheers.
>>
>>60076732
congrats anon. Where's the new job and where are you currently at?
>>
>>60077496
Just finished a meme CS degree. It's in Christchurch, NZ. Also known as the city where a hundred or so people died from an earthquake a few years ago :^)
>>
>>60076732
Get to know your colleagues before you get too friendly with any of them, you don't want to get in with the office shit-stirrer etc.
Make sure your code works and is well-commented.
Use VCS properly.
Double-check what you think you're meant to do before doing it (re-read design specs, maybe highlight or take notes).
Oh and don't whip your dick out in the office.
Good luck.
>>
>>60074564
My post was answer to that last sentence about javascript being future. And Angular has its own problems.
>>
>>60075666
I did used to do other additions like that. Not into this stuff anymore.
>>
What's the best free Node.js tutorial on the internet right now?
>>
>>60077048
>tfw failed this part before

I passed everything but the devs hated me.
>>
File: meeveryfuckingday.jpg (42KB, 780x780px) Image search: [Google]
meeveryfuckingday.jpg
42KB, 780x780px
>>60071318
>Do all the FCC front end stuff
>Having a good time
>Learn HTML/CSS/JS/jQuery/Bootstrap and working with apis
>Start looking at other stuff
>A million fucking js frameworks to learn and backend tools with no real consensus on the best available tool set because the industries constantly shifting

Webdev was a mistake, I should've just stuck with C/C++ or Java and became a code monkey at some shitty shovel ware company.
>>
File: C-RWYh4W0AEkhfp.png (1MB, 800x1200px) Image search: [Google]
C-RWYh4W0AEkhfp.png
1MB, 800x1200px
someone give me good project ideas pls
>>
>>60080233
grindr-like app for underaged marginalized youth transitioning into a new gender
>>
>>60080201

>hurr, I'd rather work with the same framework for 5 years
>I don't like learning new things
>I don't want to brag about how many JS frameworks I know

It's like you don't want to have fun..
>>
>>60073465
Only did fixed price for couple hundred then set 50$ usd an hour after portfolio and reviews came in
>>
>>60075592
>shit got to look smart and show him up
>I know let's check out something with react
>takes the first thing you learn after components
>smuggly grin at screen feeling superior

Tough life huh pajeet
>>
>>60080201
It's not that complicated imo. All the frameworks I'm aware of offer the same stuff with different syntax. Just take a stab at one like Angular and you'll have the mode of thinking (way different than jquery) of how to work with a framework
>>
>>60079682
I don't understand why people won't pay for online learning materials. I jumped tutorial to tutorial learning what felt like nothing until I finally got a free trial on a paid site. I took that sucker 5 times just to get it in my head, but once I did I was ready to use it right out of the gate. If you want to learn something (especially newer technology), the paid route is best imo
>>
>>60080994
>until I finally got a free trial on a paid site

we're all trying to learn, so why don't you give us the name of your paid site? Some people don't have money for that kind of stuff (third-world economies can't really afford $200 video tutorials...).
>>
>>60081042
>ymail.com

is that supposed to be gmail?
>>
>>60081053
nope
>>
>>60081074
thanx senpai
>>
>>60081083
pls don't leave my contact info here, delete your post
>>
>>60081121
sure. So does your subscription expire anytime soon? And you have access to all content now, right?

thx again bro, appreciate it
>>
anyone know if there's a StyleUrls equivalent in Angularjs? i'm being forced to write my app in js instead of 2, but i can't find a way to scope a css file aside from using a css preprocessor and nesting everything inside a container div class.
>>
>>60081141
it will be active until May 18, you have access to every course on the site
>>
>>60081207
what site are you guys talking about?
>>
>>60071350
Learn Angular2 with Typescript instead. AngularJS is basically legacy code at this point. Plus Typescript > Javascript.

IMO Typescript is going to be the next big thing in web dev. It's way less of a clusterfuck than JS is.
>>
>>60081228
our secret gay club. Wanna join?
>>
>>60081198
at my work we scope things to a page with ids. Maybe that's what you meant when you said you nest things in a container, but it goes like this:

https://codepen.io/Cameron64/pen/OmbeKw
>>
>>60081229
>AngularJS is basically legacy code at this point
mmmm, no
https://www.indeed.com/jobtrends/q-angular2-q-angularjs.html
>>
>>60081229
also, have you ever even used typescript on a real project? I have. It's not a gift from heaven. It's useful if you build tools for other devs so that they can have better intellisense on your product, and it can be useful if you're an end user of that product. But it's not useful on my project. We built a ~130 screen app with around 70 different models. Typescript only got in our way really, and if we would have typed all of those models, I don't think we'd be done yet. Who would we be typing them for, and for what purpose? It just didn't make sense to have ts on the project.
>>
>>60081486
>https://www.indeed.com/jobtrends/q-angular2-q-angularjs.html

and why should i learn angular if the react curve is going to the moon ?
https://www.indeed.com/jobtrends/q-angular2-q-angularjs-q-react.html
>>
>>60080453
That probably could seriously make some money.
>>
>>60071350
shit son... i guess react is the way to go.
https://www.indeed.com/jobtrends/q-angular2-q-angularjs-q-react-q-java-q-javascript-q-c++-q-c%23-q-nodeJS.html
>>
Can someone tell me how a language like TypeScript is better than plain JS ? I know "muh types" but how do types help you if you are just manipulating DOM-Nodes and stuff like that. I dont need types just to append a div into another div...
>>
>>60081884
>https://www.indeed.com/jobtrends/q-angular2-q-angularjs-q-react.html
that's locating number of times "react" is used in a job description. "React" has other uses than to describe the framework. A more accurate result would be like this:
https://www.indeed.com/jobtrends/q-angularjs-q-reactjs.html
>>
>>60081540
My company is about to dive into a rewrite of our enterprise applications using Angular with Typescript. We have about 400 tables in our db. Do we have to create a model for each one to use it on the client side??
Also, we plan to use AoT, so while we would have to write, the compiler will remove anything that ultimately doesn't get used.
>>
>>60080453
hahahaahahahahahah capitalizing cultural marxism ! what a genius .
>>
>>60081966
Two cases where ts is going to be useful to you:

1. You're going to be handing this app off to other devs downstream who are going to hook into pieces of your app
It's going to be useful to them because they can see if they're hooking into it correctly or not. When they initialize a new object type, they get a list of constructor parameters as they type. They get big red lines saying they're doing it wrong if they do it wrong.

2. You use the crap out of a lot of your models.
If you're using some of those types again and again, it's going to be useful when updates come along to see the red lines under things that break when a model changes. But if types are only used once or twice, like it was in our app, it's going to be a waste of time. The search feature of your IDE will be all you need.

You don't have to create models for anything. You can just initialize things to a type of "any", but ts will get in the way very frequently. You're going to find yourself writing code to go around ts more often than you're actually using it. That's what we did
>>
How do I webdev without having suicidal thoughts every now and then
>>
File: o.jpg (118KB, 1000x750px) Image search: [Google]
o.jpg
118KB, 1000x750px
So I believe I have some good ideas for a website. I want to get started on making it right away. But I fear my ideas could easily be stolen and used on more popular website. I won't let this fear stop me before I even begin, but it's something I want to be prepared for.

I have virtually no web development experience, but I want to make it by myself. It's a big challenge. I do have graphic design experience, I'd figure out how to tweak it to look good. It's the coding languages and all the stuff you need YEARS to learn. I'd be teaching myself as I work on it. I could see much more experienced developers swiping it and making it 1000x better.

What would be a good plan to tackle this?
>>
>>60082698
I wanted to add I have taken the khan academy courses and completed up to CSS. And I have a general idea of how organizing code would look like.
>>
>>60082698
tell me the idea
>>
>>60082587
You're either pursuing the wrong job or you need some help in your brain chemistry
>>
http://mikudb.moe/

this is a music piracy site. it takes 14 seconds to load and weighs a whopping 16MB.

when will the javascript meme end? it's killing everyone.
>>
>>60082698
>What would be a good plan to tackle this?
How the fuck are we going to guess if we don't even know what you want to make?
>>
>>60083087
The old layout was way better if I'm remembering right. Too bad they had to change it.
>>
So I did a beta launch and it blew up.

Some BIG users are using the service.

I'm so afraid of it crashing.
>>
>>60081963
it doesn't do much for just manipulating DOM elements.
But it helps a bit if you start doing more complex stuff.
>>
Also does anyone know why SSH terminal to digitalocean is so fucking slow?
>>
>>60083757
Why are you not giving us the link
>>
>>60083869
Because it's not even feature complete and I am completely embarrassed of how shitty it's coded. I thought it would bomb in the community.

It's not like huge huge, but I've had a DB hit 1/50th this hard before and it crashed the server. I called in to my job today so I can monitor. If it fucks up on one of the bigger guys then I'm done.

Now I have to finish it, redesign the website because the UI is some shit bootstrap fuckery.
>>
>>60083963
post the LINK you fucking faggot
>>
>>60073465
>I think React is dying.
in 2017 any fucking kind of corporate and noncorporate webdev meetup on a 2000 mile radius was 90% react instead of angular like last year.

how the fuck is react dying?
>>
>>60083963
>>60083983
This desu
>>
>>60076732
>Passed through two interviews and a technical exercise.
post the exercises you nigger
>>
I love getting shit because a client has a shitty non-conforming xml parser.

<thing/> and <thing></thing> mean the same thing, both conform to the spec and are used at random depending on what you use to build the xml. If your parser has trouble with one of them, it's your fucking problem.
>>
File: 1485889119752.gif (8KB, 645x773px) Image search: [Google]
1485889119752.gif
8KB, 645x773px
>he's not an asynchronous developer
>>
>>60084137
.then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then().then()
>>
>>60083087

JS isn't going away, it's the C++ of the web

deal.
>>
File: heh.png (50KB, 200x216px) Image search: [Google]
heh.png
50KB, 200x216px
>>60084158

>he doesn't know how to not get stuck in call back hell
>>
>>60076732

The first week at any new place as a coder will make you feel like you don't know what the fuck you're doing. This is normal. After a month or two things will become much easier.

>developer for a decade
>imposter syndrome still going strong

Not sure what they expect from a trial day, I'd wager the first 5 hours will be setting you up.

Knowing git would be a great way to give a good impression. A senior dev will be expecting to set up your key and repositories for you, if you can do big chunks of this yourself it'll look good. Unless they use SVN in which case you're fucked. If they use neither, you don't want the job.
>>
File: File Apr 26, 2 05 17 PM.png (311KB, 1242x2208px) Image search: [Google]
File Apr 26, 2 05 17 PM.png
311KB, 1242x2208px
componentDidMount() {
document.addEventListener('mousedown', this.onClick);
if (this.props.windowWidth > 500) {
document.addEventListener('mouseover', this.onMouseOver);
}
else {
document.addEventListener('touchmove', this.onTouchMove);
document.addEventListener('touchstart', this.onTouch);
}
window.addEventListener("resize", this.onResize);
}

componentWillUnmount() {
document.removeEventListener('mousedown', this.onClick);
if (this.props.windowWidth > 500) {
document.removeEventListener('mouseover', this.onMouseOver);
}
else {
document.removeEventListener('touchmove', this.onTouchMove);
document.removeEventListener('touchstart', this.onTouch);
}
window.removeEventListener("resize", this.onResize);
}


How do I get 'touchmove' to be recognized before 'touchstart'? Currently on touchscreen if I try to drag the the screen to show more words it just opens the popup and doesn't drag
>>
Best webdesing learning resource faam?
>>
>>60084421
Codecademy
W3schools
Youtube
>>
>>60083698
true, my apologies, i think i know what i need to do now though.
>>
>>60084158
.finally()
>>
>>60084376
you can't change the order events are fired, change the logic behind them
>>
>>60074941
can't you get sponsored? or do remote work
>>
>>60081540
types are to enforce correctness at compile time, and document your code. are you saying that's not useful? it's especially useful in larger codebases
>>
>>60085401
It wasn't useful
>>
>>60085195
I switched the 'touchstart' to 'touchend' so it's not firing immediately anymore but it's still not touch scrolling. The scroll would take place in a div with 'overflow: scroll', is there specific css for scroll on touchscreens?
>>
>>60085370
I can't get anyone to sponsor me. I've even applied to jobs as close as in Miami but not a single callback. A lot of them are unwilling to do sponsorships though, it's easier for them to hire people around them even if they aren't as qualified. The only sponsorship I can get is for seasonal farm/hotel work in America.

I have a BSc in Computer Science locally but I guess that doesn't count for jack shit in America since I'm always overlooked. I'm beginning to think remote work is a myth especially for anyone outside the country of the job's origin. I've tried Freelancer, Upwork, etc, but you need a strong reputation to get consistent work on there, I don't have that.
I'm sick of being broke.
>>
>>60084228
Mercurial?
>>
>>60080084
Its not u anon its the devs, i have to pretend all day im someone eles when i really hate everyone
>>
>>60081023
Udemy is the best n courses r 10 or 5 dollars if there 200 look online for a coupon, thn go back to udemy the system will detect u searched for a coupon and r willing to buy the course if it was cheaper, all of a sudden ull see it 99% off for 1 day only
>>
Stop using js u fucking faggots
>>
>>60086749
The thing is that everyone is fucking weird and everyone is different in a different way. It wouldn't make sense for all of us to be the same because that's not normal in this field.
>>
>>60082722
>I have taken the khan academy courses and completed up to CSS

wow, so you've done HTML and now CSS, great progress
>>
>>60086790
will try that. Best courses for Python/Django? Or any cool recs in general
>>
>>60087417
Django's docs are probably the easiest resource for learning since they'll take you through the basic of setting everything up.

Also just had an interview today. I likely fucked it up with literal Autism and will be looking at retail soon.
>>
What does /wdg/ thinks about React Native?
>>
>>60071318
https://www.youtube.com/watch?v=e-pc0SyzIHw

Does the PaymentRequest API replace the need for stripe entirely, only on mobile, or not at all and i'm misinterpreting it?
>>
>>60087895
give us the details. Interview for what position, what requirements, what skills you have, questions asked at the interview and how exactly you fucked up. It's all very helpful for us NEET's looking to break into the real world.
>>
Do you guys have pictures of yourself in your portfolios?
>>
>>60088475
I have a picture on LinkedIn

Other than that it feels cheesy
>>
>>60088275
I'd like to help a NEET

I've been at my first web development job for 5 weeks and am self taught, AMA
>>
>>60088595
how long did you self-learn for before you got the job? Also, what resources did you use? Lastly, whats the most important thing you learned from teaching your self to code?
>>
>>60088661
>>>60088595 (You)
>how long did you self-learn for before you got the job?
About two years; I had a full time job and dragged my feet a little on the job search though. If you don't have a job you could easily learn what I did in a year.

>Also, what resources did you use?
I went in only knowing html/css, started with a bunch of Codecademy tutorials and learn Python the hard way. Made an attempt at CS50X on my own and gave up after like lesson 3. Built some crummy apps on Cloud9 DE. Then I took CS50X as a live-instructed course through LaunchCode. This was incredibly helpful. Built a final project and was accepted by LaunchCode as a candidate, went to their monthly meetups, took their advice, kept building on my final project, making it more refined. It was an instant messaging web app. Didn't get placed through them though, found a job myself.

>Lastly, whats the most important thing you learned from teaching your self to code?

Don't get tied down to learning one specific set of skills right off the bat. It just matters that you take time every day to try to learn something. Programming is learned through osmosis. Stay persistent, don't set a hard deadline, and you will learn.

I wound up getting a job by applying to dozens. I took my laptop to the interview and demonstrated my CS50X project to the development manager. He liked my enthusiasm enough to hire me.
>>
>>60088819
Oh, freecodecamp also. I did the entire front end section. I think you could get a job off freecodecamp alone if you get through the whole thing.
>>
>>60088831
thanks m8.
I have been using fcc and I have heard many people get jobs without even finishing all of the sections. I plan on studying for a year and see where i am at, then consider going to a bootcamp. Not sure if I should but I live outside of Boston and I think it could really help my chances as far as networking goes.
>>
>>60088926
If you want to network, look into meetups. There are tons of tech meetups and they can really help you get out there. See if there's a local tech or web development Slack group also.
>>
>>60088975
I was thinking about that as an alternative, thanks. I also plan on arranging fcc study groups or something. Heck, maybe even make a small project with some people for our portfolios. Also is it feasible to freelance or should I get a job and learn the industry first? I want to freelance for a couple of years and travel at the same time. Location independence is one of the biggest appeals of web dev, at least for me.
>>
>>60089031
Organizing fcc meetups is a great idea. That'll put you in the spotlight, the guy with drive. Collaborating on a project sounds smart and fun, too.
I'd consider what I'm learning on the job invaluable. I'm getting tons of experience with the tools. Learning things I wouldn't have on my own. I think a traditional job is the way to go, at least at first. After a year or two I probably won't shy away from a remote job.
>>
How can I base CSS animations on speed rather than time?
>>
>>60089164
Yeah, I was thinking of maybe working an office job for a year or two, maybe do side gigs to build up a relationship with some clients and get my name out there in the meantime. Thanks for the advice I appreciate it.
>>
Any tips for getting started with Node? I'm trying to build a simple web app with database access and sessions. Probably going to use Express and Angular and/or Handlebars but I have very little experience with any of this so any useful advice is appreciated.
>>
>>60089480
Follow along with youtube tutorials until you get it
For reals
>>
File: pepeslideshock.jpg (466KB, 1303x1137px) Image search: [Google]
pepeslideshock.jpg
466KB, 1303x1137px
Any compelling reason to learn PHP as a mere hobbyist?


I know ruby well enough to use rails / jekyll.
Started reading "Hacking the art of exploitation" and realized I'd get more out of it if I knew C / Assembly, so now I'm reading "assembly language step by step".

Still don't know shit about shit, which is why this question might not make a lot of sense. I'm just curious.
>>
>>60089848

Nah. If you're just a hobbyist then I don't see why you'd need to learn another web app framework if you already know Rails. Anything you feel like doing you can do with Rails.

I would recommend against PHP if you're not interested in making money from it.
>>
>>60089848

However, Node could be useful if you are itching to learn another web server. It's more flexible than Rails or PHP and is definitely preferable for some use cases.
>>
File: civil.jpg (29KB, 474x595px) Image search: [Google]
civil.jpg
29KB, 474x595px
>>60089972
>>60089990

thx m8
>>
File: 1367916998673.jpg (81KB, 1280x720px) Image search: [Google]
1367916998673.jpg
81KB, 1280x720px
If you have a blockquote next to a floated image, the width of the parent is set first without taking the image into account.
The content of the blockquote is then reflowed around the image without/instead of resizing the parent.
>>60084180 is a good example of what I'm talking about - There is no reason for this post to have a linebreak.
Is there any way to fix/change this behavior of blockquote?
>>
>>60089190
>How can I base CSS animations on speed rather than time?

Dump it into an html5 canvas and manipulate it through javascript.

Why would you ever want to base anything off of 'speed', unless you are making a game?
>>
I spent 30 minutes trying to figure out why my INSERT wouldn't...update...a row I had.
>>
>>60090228
divs of varying size.

I used marquee
>>
>>60090262
This is my life 40 hours per week

Best job I've ever had
>>
>>60090262
How you'd solve it?
>>
>>60089990
It's actually pretty awesome for spinning up a client side app. We use browser-sync as well so whenever we have a feature to review, my boss just goes to my local servers IP to view the site running on my machine from his desk. Super easy
>>
<dib>
<spon>
>>
>>60091076
<maen>
<heeder>
<foot>
>>
DigitalOcean is way cheaper than AWS.

Why do people prefer AWS?
>>
Thinking about starting freelancing around my local area; which framework should I use to pump out easily maintainable apps? I don't really want to use wordpress
>>
>>60091670
>pg_insert(): Query failed: ERROR: invalid byte sequence for encoding "UTF8": 0xcd 0x0a
string that's doing it is
T̰̲͓̺̤̼͉͟o̜͕̣̝̥ ̜̘͙̫̟̩͍i̘̜̫̠n͚̗̻̭̪̼v͙͚̘͇̻͞ͅơ̰̺̱ḳ̞̖͓͙̗e̺̝͓̦̫͕͢ ̳̰̰̭̗ț͖̺h̯̩̻e̞̣ ͚͔̖h̥͘i̜͙̘͓͖̭v́e͈̪̕-̪͜m͠i̢̩̝̱̟̟n͕̪̟d̳̻̟͟ ̸̞̬̺̟̮͔re͇̺͎̗̠͚p̠̭̲r̦̲͢e̤̣̕s̼̼̭̘͟e͘n̛̮t̵͕͖̥̮i̠̭̟n̷g̼̻̱͈͙͝ ̟̦̮͇̥̭c̪͕h̰̤̝̮͉̤͎a̪̮̲o̙̟͖͓̙ͅs͟
weird because all other unicode is being handled without issue
and 0x0a isn't in the hexl at all
any ideas?
what's the standard way to go about protecting against this sort of thing?
>>
>>60091731
didn't mean to link to >>60091670 sorry
>>
>>60071350
>it is pretty fun to use.

I've been programming in c# and java mostly software and some server backends. I don't miss anything JavaScript related.

Does anyone have tips for picking up contract work that isn't some shitty website. For example I got asked to put in a proposal for a 'hotel mangement system' for a mine site that integrated with windows systems (AD and exchange)

The other thing I was considering doing for work was security / pen testing but it I'm thinking it would be a hard sell to smaller companies.
>>
File: 1489951025426.gif (377KB, 435x392px) Image search: [Google]
1489951025426.gif
377KB, 435x392px
Can someone please give me an idea of something to make so I can practice HTML/CSS, JS, and bootstrap before I start learning back end
>>
>>60092159
A portfolio.
An image gallery.
An Admin dashboard.
An one page.
>>
>>60071318
I'm starting an internship as a web developer this monday and I have to use angularjs

anyone got any good resources to start me off with it? have 4 days to learn
>>
>>60091576

powah
>>
>>60090227

White-space: nowrap

?
>>
>>60092437
would work for small lines like that but not long ones
you'd still want it to wrap
>>
>>60092513

So just make a div and give it a set width
>>
>>60092548
only would work for static content of known width
>>
>>60091576
AWS much better for large companies with lots of technology
>>
if you code golf on production you should kill yourself.
>>
What is javascript exactly? Is it like a normal programming language but it can run in your web browser?
>>
>>60093236
That your wob browser can execute javascript has nothing to do with the language itself.
>>
>>60093230
>if you code golf on production you should kill yourself.

Sounds like you've got a story you want to tell.
>>
i got a php assignment from my prof, basically it's bandcamp.com clone, i know some rails but i dont know shit about php
so where do i start?
>>
Learning django currently. Let's say I define a model:

class Course(models.Model):
course_title = models.CharField(max_length=150)
course_description = models.CharField(max_length=150)

def __str__(self):
return "%d %s" % (self.id, self.course_title)

and when I use object relational databse API like this it prints id:

Course.objects.all()
>> <QuerySet [<Course: 1 Math>]>

My question is how come it magically prints id, even if it was not explicitly defined in a class Course? Is it because when a particular class is instantiated an implicitly made id from database is set to be its instance attribute? Is this calling of implicitly defined variable bad programming?
>>
>>60095676

Learn how to CRUD then just go from there

>>60095794

Never used djanjo but it looks like the id is the primary key, yes
>>
>>60095968
yes. it's primary key, first a model is created, then migration occurs, and the id is auto generated if not explicitly defined. Thanks.
>>
>>60095794
what resources are you using to learn django? I'm with the book Tango with Django, can be found on libgen. Pretty good book so far
>>
>>60096223
I'm not reading any book, just doing official django tutorial, and exercising by making a simple CRUD of my own along the way.

>https://docs.djangoproject.com/en/1.11/intro/tutorial01/

But thanks for recommendation. I hope a book will be a little more down to earth. I'm new to programming in general, so some things are still murky.
>>
>>60093236
Yes, open your browser console (probably with f12) and stick this in there

var myMessage = "Hello World";
alert(myMessage);


That's how easy JS is
>>
>>60093236
Javascript itself is like the wild west of programming. Almost no rules, no structure. But people love their fancy websites so that's where Angular and React come in to try and build some patterns.
>>
How do I find issues or projects to contribute to on Github in terms of web developement?

I've got some simple web apps on my github but want to do something else
>>
>>60097980
fucking search function on github, learn to use it
>>
been in the webdev game for 5 years on and off as a hobby and i dont know what to make anymore.

backend is just talking to the database for the most part and im too retarded to do drawing in canvas which is pretty much the only thing i havent touched to this day
>>
File: 1476381824839[1].png (29KB, 741x568px) Image search: [Google]
1476381824839[1].png
29KB, 741x568px
>>60098152
what do i search for though never used github search desu senpai
>>
>>60098492
>can't figure out how to carry out a search on github

yeah, you're beyond saving
>>
File: WHY.png (52KB, 800x800px) Image search: [Google]
WHY.png
52KB, 800x800px
<html>
<head>
<style>
body
{
display: flex;
flex-direction: column;
height:100%;
background:red url(bg.png) no-repeat bottom left;
}
header, footer { flex: none; }
article { flex: 1 0 auto; }
</style>
</head>
<body>
<header>HEADER</header>
<article>ARTICLE</article>
<footer>FOOTER</footer>
</body>
</html>


How can I push the background image to the bottom?
Why is this even a bug? (I guess, that It's not...)
>>
File: Untitled.png (32KB, 999x615px) Image search: [Google]
Untitled.png
32KB, 999x615px
>>60098521
Am I doing it right?
Don't wanna try contributing to some no name faggot, I want open source projects desu
>>
>>60098733
create a div for your background so you can access it seperately in the css
Use absolute positioning. bottom:0 and left:0
>>
Working with django. Should I just use SQLite since it comes with the framework, or should I switch to another SQL-type thing? It's for a scraping project, hoping to get maybe up to 10 entries on my database
>>
>>60099080
I tried that and I do get the same. unexpected result.
>>
>>60098733

i dont consider myself an expert in development or anything yet but you probably shouldnt be applying these things to your body...

display: flex; 
flex-direction: column;
height:100%;


yuck.
>>
>>60099134

i dont even know why you would need to use django for this, but yes SQLite is awesome for small to medium projects
>>
>>60099316
Why not?
What should an alternative look like?
>>
>>60099339
scraper fetches the data, then I slap it onto an sqlite db and then display it on a site built with django. What's not to get?
>>
>>60071318
Hey guys, can you tell me why on freecodecamp no challenges about photoshop ? its realy dont need for frontend ?
>>
So i have 2 functions that need to do some db stuff, how can i include this in both of them
<?php
$db = new PDO('mysql:host=localhost;dbname=vcc;charset=utf8mb4', 'root', 'toor',
array(PDO::ATTR_EMULATE_PREPARES => false,
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));


I tried to create separe function like
public function db()
{
(new PDO('mysql:host=localhost;dbname=vcc;charset=utf8mb4', 'root', 'toor',
array(PDO::ATTR_EMULATE_PREPARES => false,
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION)));
}

and use it like
public function dbCheckHash()
{
$stmt = $this->db()->prepare("SELECT * FROM done WHERE hash=?");

but that is not working, i dont want to paste db connect code in every function
>>
>>60099416

ive never seen those styles applied to a body and i definitely dont see the point in height: 100%

use this as a starting point:
https://jsfiddle.net/2bnus9n9/
>>
>>60099455

i get it, but you dont need to use django for this, but whatever do what you want
>>
>>60099610
I'm using django just cause I'm trying to learn it, so this is my little project for that. Anyways, I'd like to hear your opinion. Why not Django, and what else should I use? Just trying to learn here, so your answer will be appreciated.
>>
>>60099610
not him but what would be the best option for this task. Also what is Django more suited towards instead
>>
>>60099586
Frankly, Your fiddle sucks. It uses fixed height on header and footer. But my footer is of dynamic height. Those styles are working fine in every browser that supports flex.
>>
>>60099546

you could either connect to db on load and keep the connection going, though some dont like that method so they connect and disconnect each time they communicate with the db. The difference is establishing the connection in a function and just calling it everytime you plan to do something with your db

connectToDb();


or have it a file and "require" the file:

require_once "config.php";
>>
>>60099586
>>60099673
By "working fine" I mean everything except for the image on the body. It works using ONLY min-height:100vh. That however, creates issues on mobile browsers because of their fucking stupid behaviour which does not respect vh as they render their shitty interfaces above.
>>
>>60099638

i dont recommend any frameworks for learning programming/developing. Those things are for after you know what youre doing. Djngo is in Python right? So i'd start with Python

>>60099649

i dont know - you could scrap with a lot of different languages. If Django has a built in scraper or something then sure use it. The more you use a vanilla language the more you will learn, though.

>>60099673

yeah, well im not doing your project for you. If you want to apply 100% height to your body element, be my guest. Good luck.
>>
>>60099797
lol don't mean to be rude, but I don't think you have any idea what you're talking about. Django is python, yes, and I already know python. Django is a web framework built on top of Python, and that is exactly what I'm trying to learn. All of the coding is done on Python, and then just displayed through Django. That is the part I'm trying to learn, how to build a website that displays the data I get.
>>
>>60099855

>That is the part I'm trying to learn, how to build a website that displays the data I get.

um - ok. I still don't get why you need to use django to do something as simple as display data from a db. Your asking "should i use this or that" and it's hard to answer because you could use a lot of things...the phrasing of your question is weird. If you want to use django then yes you can do this with SQLite. Shouldn't you have already decided to use SQLite since it comes with the almighty django already? I don't know whats stopping you.
>>
>>60098733

Your pretty tangled up read this and see if it helps

http://stackoverflow.com/questions/6654958/make-body-have-100-of-the-browser-height
>>
>>60099855

>claims to know Python
>asking how to "make a website and display data"

breh...
>>
post your last written function, /wdg/

function fillQtyShipped()
{
let itemCounter = document.querySelectorAll("#allItems .eachItem").length;
for (var x = 0; x < itemCounter; x++)
{
let qtyOrdered = document.getElementById("qty_ordered" + x).value;
document.getElementById("qty_shipped" + x).value = qtyOrdered;
}
}


.net phags not allowed
>>
>>60099797
FUCK YOU, your help was shit because you were fucking ignoring what was required.

I got it working by fucking hacking around:
Added html { height:100%; background:#fff };
and changed body { min-height:100%; } (Instead of height:100%; }
>>
>>60100033
>http://stackoverflow.com/questions/6654958/make-body-have-100-of-the-browser-height
Thank you for your recommandation. It was the same solution that I already found myself!
>>
>>60100214
I'm asking whether sqlite is ok to use, or whether I should go with another database like MySQL, Postgresql or any of those.

I normally code in C#, I use .NET for web dev. I know how to use Python vanilla, and now I'm trying to learn Django. What's so hard to understand about that? I can do HTML/CSS/Python/Flask for a site, but I want to learn Django. That's all.
>>
>>60088275
Late reply but got confirmation about the whole not getting the offer thing.

>Interview for what position
Technical Front-End Dev. They wanted someone who could effectively rips a PSD and make it into a website.

>Requirements
Vanilla JS/CSS/HTML with at least some knowledge of jQuery and React for in the future.

>Skills
I've learned how to be a full stack dev over the year and a half that I've been learning and I have an okay grasp on JS (Enough to win every single fucking stupid coding competition at the fucking incestuous coworking space I go to over devs.) as well as Python/PHP.

>Questions
Seriously, it was the basic, "What have you worked on?","How did you learn this?", "Can you add a click event to a couple of divs?", nothing beyond beginner level, but the fact that their was actually three interviewers instead of one really threw me off and made me paranoid. They were straight up no bullshit, "we're checking everything right now" types as well. I just went full retard socially and didn't do the whole confidence game as good as I could have. I also probably didn't explain the why as well as I could have behind the answers I gave. I also noted the Great Wave off of Kanegawa on the monitor behind me, so yeah, that didn't help. I already knew that they weren't interested about halfway through the interview and that there was nothing that I could do to salvage it.


But seriously, I fucking give up. This is like the third interview I've fucked up and unless I go full ham and devote even more of my whole life to it, I will likely never get a job. You shouldn't give up of course, but I have. I've put way too much time and effort into learning this for no payback and I would have been better off working at the local carwash, construction, or fucking GameStop.
>>
>>60101132
thanks for the answer, sorry you didn't get it

So how did you fuck up? did you answer everything ok but they just still weren't into you? Also, where are you based? US?
>>
>>60101209
What you said. Part of my fuck up was my portfolio, in that one of the site that I did for a client was down from changing nameservers or something so that knocked me out pretty early. I just kinda shut down and did the questions after a while when their tone changed since I knew that I probably wasn't going to wow them.

Also, yeah, I'm in the US. Texas to be sorta-precise.
>>
My CSS always ends up being a bloody mess, what do

Sass?
>>
>>60101512
yeah, but use the scss style.
also make separate files for your components

I can't work without nesting anymore.
fuck having to declare everything multiple times.
>>
>>60101558
Thanks senpai
Time to finally learn it, I can't deal with pure css shit anymore
>>
When was the last time you used the basic frontend stack (pure js, html, css) with no frameworks?
>>
>>60071694

Is that handlebars/mustache?
Or Vue?
>>
>>60083787

like what?
Also is jsx like typescript?
>>
File: niggers.jpg (41KB, 1127x274px) Image search: [Google]
niggers.jpg
41KB, 1127x274px
Where can I find a fluid/responsive/whatever "forum post" boostrap example that works for phones and desktop? needs to look sorta like pic related, 1384781374 hours in paint btw
>>
>>60101874
Flask/Django
>>
>>60071318
is this any good ?
https://www.youtube.com/watch?v=17kGWJOuL-A
>>
>>60101820
i use that plus bootstrap. just because i dont know any js framework.
>>
>>60102480
that's a tranny lel
>>
>>60102562
hue i know. this seems pretty common among TI workers. twitch is filled with it.
>>
>be seasoned c++ programmer
>bud offer a bit of money for a website
>ok.jpg
>tfw spent an hour trying to align <ul> in a <div>

Bretty nice field, /wdg/, are yall masochists or what's happening here?

>back to comfy c++
>promised myself to never venture in webdev ever again
>>
File: t4xvzs.gif (38KB, 200x202px) Image search: [Google]
t4xvzs.gif
38KB, 200x202px
>>60103574

Google any word you can think of and add .js at the end.

That's what front-end devs did to validate their existance.

Suffering aside, i think progressive web apps with native support and SSR are a god send.
>>
File: 2017-04-27_20-03-07.gif (388KB, 1366x714px) Image search: [Google]
2017-04-27_20-03-07.gif
388KB, 1366x714px
>>60103574
this is how i make money.
>>
>>60103891

How much?
>>
>>60103913

20k starting
>>
>>60103941

per month?
>>
>>60103973

per year

I live in peru though so i can afford a villa
>>
>>60103891
What snippets are those?
>>
I have a calendar on my wordpress php page where I can mark longer periods as occupied or free from my backend, but now it seems like it reached some sort of limit and whenever I set a period occupied, another period sets itself free.
Although I know the basics of webdev, I have no idea where to look for in this case.
Anybody has an idea where I could locate the bug?
>>
>>60104201
its just called materialize snippets
>>
>>60103891
You just use pre written pieces of code?
>>
File: something.jpg (180KB, 1600x900px) Image search: [Google]
something.jpg
180KB, 1600x900px
Is there a template like pic related? i just want to put a bunch of t shirts images
>>
>>60103574
CSS fucking sucks and it's the bane of most developers.

I've been using CSS for 17 years and still have barely a clue what the fuck I'm doing without hours of trial and error.
>>
>>60104803
you could literally just steal it tho fampai
>>
tfw fell for the udemy jew and bought that colt steele's course for 10 bux.

hope its worth it.
>>
>>60105163
Are you actually retarded?
>>
>>60105720
Cute.
>>
>>60103574
That's the ultimate redpill: most "developers" hate learning and literally just regurgitate syntax they learned in college in 1976
>>
Where can I socialize with my fellow webdevs

Any decent discord channels?
>>
>>60105163
that's what happens when you don't know the difference between
block, inline, and inline-block elements.

85% of hair-pulling css problems are caused by those.

oh wait... just go back to angularjs
>>
>>60080702
>having trouble passing props into stateful components
>gets frustrated and wants to kill himself
>hurr durr i'll just hurl generic pajeet-insults hurrr

Like I said, go back to angular.js instead
>>
>>60106637
>implying

I don't get why you have to be such a dick. You have to understand that for most of my time doing web design/development was in the early 2000s before that stuff was normal. Everyone was using tables to aligns stuff, myself included.

I've learned the difference between CSS displays probably a dozen times and I just don't use it enough to remember.

It's like regular expression. I learned how to do that a dozen times too but I only use it once every year so I forget it.
>>
File: progbar.png (15KB, 1028x125px) Image search: [Google]
progbar.png
15KB, 1028x125px
Trying to create a simplistic progress bar sort of thing in HTML/CSS. It just consists of a background texture (for unfilled), a foreground texture (for filling) and text.

The background element was simple enough to do, but getting the foreground elements to layer properly and scaling the texture on the foreground bar is not so much. I haven't done this kind of stuff in quite a while so I'm rusty as hell. I just want to get this shit working.

What am I doing wrong, and how do I make it right?

CSS:
.bar      { width: 100%; height: 20px; max-width: 1000px; background-image: url(images/bar-bg.png); background-size: 100% 100% }
.bar_fill { height: 20px; background-image: url(images/bar-fg.png) }


HTML (generated):
<div class='bar'>
<div class='bar_fill' style='width: 100%'></div>
100%
</div>


>the foreground texture needs to scale with the width of the parent (background) element while also cropping the texture according to fill percentage, and also be layered in front of the background texture
>the text needs to be centered within the bar and layered in front of the fill texture

Pic related is what the generated page is spewing out right now.
>>
>>60107603
Try removing the height from .bar
>>
>>60071318
So I got laughed out of /dpt/ after explaining that I'm using electron.

Anybody have any experience with any electron apps? I'm trying to get it working with react + webpack + babel and I'm confused af.

I've never done any webdev before so the build process is really throwing me off.
>>
So I started a project a couple of months ago and decided to try out Ember instead of React (which I've been using exclusively for the past couple of years).

Ember is amazing. I highly suggest you guys check it out.
>>
Today I worked on setting up a proper integration server for the team I'm in.

Our main product is a Django site used by our department (medical field), and most of the team has been working on a large, still unreleased feature for the past several months. This led to one guy doing all fixes and minor features for the live site, and everyone else doing work on a separate branch on what used to be another guy's local dev environment.

(When I was hired, the feature branch hadn't pulled in the live changes for about 3 months and 600 commits. I turned out to be the best at git so I got to do that merge - it was !fun!)

Anyway manager greenlit me to make a proper integration server that everyone uses and give that one guy his environment back so we made a clone of the production server to start it from. I crack open its commit log and realize that a) the dev doing the hotfixes and minor features has been doing almost all of it on the the "production" branch (in his local environment at least) and b) something must have been committed on the production server at some point because apparently every time it pulled it made a merge commit (and because it can't push, it will ALWAYS need to merge). This means there are at least a couple hundred unpushed merges now on the cloned machine I'm trying to set up, and most of them are probably useless and empty but at least one of them probably isn't.

And while this is super ugly, I don't even know if anything needs fixing. I could merge and push the extraneous merges. Maybe that would allow the prod server to do ff pulls again. Or I could squash all the commits made since the inane merges started into one "fuck you" commit and rebase it onto the remote prod. Or I could rebase the local prod onto the remote prod (which seems to simply move the branch and creates no commits, which is beautiful and might be just what i want but I have no idea how 172 commits can make literally no changes.

Phoneposting w/o proofing srry if typos
>>
File: me.gif (168KB, 500x588px) Image search: [Google]
me.gif
168KB, 500x588px
>https://bugs.chromium.org/p/chromium/issues/detail?id=594639#c71
>Enable module scripts in ScriptLoader

>This enables module scripts in Blink behind a flag.
its happening
>>
>>60101974
god DAMN i had this all typed on my phone and then it ran out of battery
but i have nothing better to do atm so

>like what?
i've never used TS, but i'm working on a system written in ES5 on Node that consumes json messages from an MQTT channel, passes it through a pipeline of asynchronous functions that do various transforms on it and trigger various side actions, and publishes the result to another MQTT channel.

debugging it is hell because we're in early development and our json schemas aren't set in stone yet, so most of our errors are stupid shit like: trying to use a key to get a value from an array, trying to call forEach() on a number, trying to pass an evaluated function where a callback is expected (passing the return value instead of the function pointer in C terms), etc.

i assume that TS would make finding/fixing these kinds of errors much more straightforward than "run the code, oh it just returns nulls? log variables in the console until you find the error." (inb4 unit tests, i fucking WISH nigger, i'm working on it).

>is JSX like TS?
not really. similar in that it's its own language that compiles to JS, is all.

this is my understanding, pls correct me if i'm wrong:

JSX is a way of specifying virtual DOM using HTML-like syntax. A JSX component is a representation of part of a webpage and it LOOKS almost like HTML but it's not; it's parsed into a JS object before being used. This allows the definition of various functions and watchers and hooks that can change the object, or watch it for changes. Then there is another parser that can take this JS object and create the actual HTML that it represents - so on some schedule, the real bit of the webpage that corresponds to this object gets updated to match whatever the current state of the object is.

This way the developer can write the layout of a component using familiar HTML syntax, but can manipulate its data as a native JS object (and updating the real HTML happens automatically).
>>
File: file.png (16KB, 1038x214px) Image search: [Google]
file.png
16KB, 1038x214px
>typescript

the dom type definitions are a horrible mess
>>
>>60076732
Well just got back and looks like I got the job. $62k starting.

Thanks /g/oys
>>
File: file.png (334KB, 517x745px) Image search: [Google]
file.png
334KB, 517x745px
>>60109058
mazel tov anon
>>
>>60108892
But children can be a text node or an element or a CDATA or a comment or basically anything. That's what it is telling you.
>>
File: tssucks.png (5KB, 657x95px) Image search: [Google]
tssucks.png
5KB, 657x95px
>>60110018
i don't know what i was thinking when i took that screenshot, i should've just included the bottom part because you need the three casts to make that function work

there's also a bug in the type definitions being worked around there: DocumentFragment.cloneNode() returns a Node instead of a DocumentFragment because it inherits the method from Node

there are other things wrong with the type definitions too: someone on github said people were complaining about having to cast too many things so they made the types for all node subclasses very html-centered which makes doing things with xml/svg elements fucking awful
>>
when is vscode getting intellisense for razor views reeeee
>>
>>60110165
>razor views
>2017
kek
>>
They're teaching us Rails at school, and it's nice enough, but I want a job when I graduate, and it isn't getting any more popular.

I'm familiar with JavaScript: the language. That isn't the hard part. What should I learn if I want to, say, replicate what I can do in Rails?

JavaScript: the clusterfuck honestly scares the shit out of me.
>>
>>60107886
Hey, I saw that.
>>
>>60110165
I've never understood the purpose of Code
>>
>>60112646
writing code

i think
>>
>>60112737
but why not just plain VS? Why VS Code?
>>
>>60112556

The popularity of stacks depends a lot on where you live. So if you are only in it for the bucks, just look for some popular frameworks and count the results.
Or just look for "web developer" and see what technologies are in demand.

But in the end Rails is not a bad place to start, it is very beginner friendly. You could start with Django or something differnt, it doesnt really matter.

It's more about learning what happens inside your website, the differnt frameworks process things slightly differnt, but the basic principles are more or less the same.

Let's say you learned Rails, where the controllers are super important and powerfull. And then you learn something like Ember, the controllers are bsically redundant (or at least not very important). But then you realize that the same things happen, just at a differnt place.

Of coure it's a little bit more complicated. But you should focus on the differnt trends too much or glorify certain langauges. JavaScript is a must, so you better get in knees deep. Just think about JS as a "LISP light", maybe that will make it more tasty for you.

But the rest is more or less a matter of personal preference..
>>
File: file.png (9KB, 363x481px) Image search: [Google]
file.png
9KB, 363x481px
>>60112957
funny boy

isn't visual studio multiple gigabytes and windows only

you should compare their wikipedia pages or something to see what different things they do

or like

try them
>>
>>60112994

* = "you should NOT focus on the differnt trends too much"
>>
>>60113032
this, I think VS Code is meant to be the light and portable version of VS.
>>
>>60113032
I did try them.. I have both.. I just never want to use Code® because it does so much less
>>
>>60100289
> he writes code with side effects

disgusting
>>
>>60081229
I like type script, just feels less degenerate
>>
>>60104692
>>60104283
>>60104201
https://marketplace.visualstudio.com/items?itemName=leninp.materialize-snippets Just a vs code extension breddy based cause as everyone has said CSS sucks ass
>>
>>60113100
I use Code because vs2015 can't do dotnetcore 1.1 asp.net and i don't wanna download yet another visual studio.
>>
anyone able to explain this behavior?

the highlighted big words are each divs that contain a word with no spaces. When I highlight and copy it and paste it into the address bar, it pastes with no spaces - but when pasted into the search bar, it pastes with spaces. Why the difference in paste behavior? Can I control whether it copies with spaces or no spaces?
>>
>>60113618
DIV is block level, usually a linebreak (whitespace) is added after each DIV. How did you align them? Float or display?
>>
>>60113672

.WordWrap {
min-width: 0%;
max-width: 95%;
width: auto;
margin-left: auto;
margin-right: auto;
display: flex;
}

.IndvWord {
margin: 2px;
padding: 3px;
font-size: 4rem;
display: inline-block;
word-wrap: break-word;
max-width: 100%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
>>
>>60113709
I cannot tell you WHY this happens. But it's got something to do with semantics as I told you. If you replaced all div.IndevWord with span, there would not be any whitespace when pasting
>>
>>60113931
yeah that's good enough honestly. thanks
>>
>>60113709
>display:flex;

probably the reason. Flex has pretty bad browser support and has a shit load of bugs, partially because they had 3 or 4 major rewrites to the spec, and partially because they are forcing a brand new display type that then has to play right with all the others.

God forbid you ever, say, put a flex in a table. You'll get a million bugs.
>>
>>60113963
You're welcome.

Don't listen to >>60114003

There are bugs, but your usage is fine and flex is ready to use (if you want, you can include workarounds for older browsers. I don't).
>>
noob question, i have 3 index.html with their respective css, i want to combine thise 3 into one webpage, you know there is going to be a bar that links to each 3
>>
what do I do in response to this shit

npm WARN [email protected] requires a peer of [email protected] - 15.x but none was installed.
npm WARN [email protected] requires a peer of react@^15.5.0 but none was installed.
>>
>>60114675
ditch the js memes.
learn ror
>>
>>60113204

u wot m8?
>>
>>60103574
We just use Bootstrap, no point wrestling with CSS beyond a few custom rules for presentation.
>>
Anyone here familiar with Elixir? Having an Ecto problem and didn't get a response on the IRC
>>
Can you explain something to me /wdg/, feeling dumb
So I wrote a couple websites, css/js/html, occasional bootstrap, everything seems fine. But I don't really dig writing pure html, it's hard to manage, I don't like that browser doesn't tell me where I forgot to close <div> for example, I want to write loops and use variables, arrays, data structures and other shit.

That's where backend thing comes into play, right? Sorta? I write, let's say, a php script instead of a html document and now I can use power of programming language instead of markup language.

What if I don't want web server to process php/js/whatever on the fly but want it to render pure html that was generated by my code beforehand? Is that a thing?

I don't really want to use a fancy engine right now, kinda want to understand how everything started back in the day
>>
>>60115706
>What if I don't want web server to process php/js/whatever on the fly but want it to render pure html that was generated by my code beforehand? Is that a thing?

Server Side Rendering
>>
>>60115706

learn PHP then other back end technologies. Don't listen to faggots who say PHP sucks. It doesn't. And it's a good first back end language to learn because its easy. Don't use old PHP though.
>>
>>60115826

forgot to mention SQL. You'll need to know that as well. Anything "full stack" related you'll want to pick up. Many resources out there...
>>
>>60073699

https://en.m.wikipedia.org/wiki/User_agent

Cookies will only tell you about the cookies you have set.
>>
/g/ im inserting some rows in a db with some data i have (thats stored in variables). However one of the variables in an array and i want to put every piece of data in the array in the db under one of the columns

is this possible?
>>
>>60115972

Yes, but why?
>>
>>60116008

boss doesnt want me to add multiple rows.
>>
>>60115972
Serialize, convert to json.
>>
>>60116045

What's the content of the array?
>>
>>60116099

im using JSON....don't see how that answers my question tho

>>60116104

just some strings
>>
>>60088831
yo thanks for that link, it's hard if you dont have some prior knowledge, they skip a lot of steps. But I'm able to follow it. I learned a ton of new shit.

artfag failure. I love drawing and beautiful art, but I hate the art community. I want to get into this perhaps I can find some meaning in life.
>>
>>60116128

nvm im a retard i just need to implode the array before i sent it to the query
>>
>>60116128

Remeber this:
https://en.wikipedia.org/wiki/Atomicity_(database_systems)

But what he said is better, rather than storing with a special char separator in a single string, use JSON instead
>>
>>60116128
JSON is string so it's easy to store.
>>
>>60116164

>An example of an atomic transaction is a monetary transfer from bank account A to account B. It consists of two operations, withdrawing the money from account A and saving it to account B. Performing these operations in an atomic transaction ensures that the database remains in a consistent state, that is, money is not lost nor created if either of those two operations fail

well duh. What other way would this be done...?
>>
File: Capture.jpg (69KB, 1431x852px) Image search: [Google]
Capture.jpg
69KB, 1431x852px
Just started learning HTML5 and CSS from w3schools a couple days ago. This shit looks so easy.

I think I can make a functional responsive static site within a few days for a friend's business. (Just some pictures of his business, location, contact info, etc )

For this project I will be purchasing a linux VM for $16/yr

Specs :

1GB RAM
1gigabit/ 2TB monthly bandwidth
20GB Storage


Is my approach to learning WebDev efficient?
>>
Surely there's a better way to get the 4th parent element than this?
views[i].parentElement.parentElement.parentElement.parentElement
>>
>>60116464

thats cool and all but you'll just end up being a front end babby aka barely employable unless youre doing just projects for friends who happen to just want a static website. You're basically saying "i wanna be a car mechanic, just learned how to change tires. did i make it?"
>>
>>60116623
// not tested but i hope it works
function selectAncestor (element, selector) {
var parent = element.parentElement;
if (parent === null || parent.matches(selector)) {
return parent;
}
return selectAncestor(parent, selector);
}

selectAncestor(views[i], ".whatever.selector.matches.it");
>>
>>60116700
Thanks, learned something. making a new function is probably not worth it in this case though, I just wondered if there was a JS function like "nthParentElement(4)" that I didn't know about.
I don't really know JS, but I want to remove the recommended videos on youtube with a userscript. Here it is, if you have any recommendations about a better coding style or better ways to do it let me know:
// ==UserScript==
// @name Remove Recommended Youtube Videos
// @namespace Awa
// @description Removes videos that display "recommended video" instead of the number of views.
// @include https://www.youtube.com/watch*
// @include http://www.youtube.com/watch*
// @include www.youtube.com/watch*
// @version 1
// @grant none
// ==/UserScript==

var views = document.getElementsByClassName("view-count");
for (var i = 0; i < views.length; i++)
{
if (isNaN( views[i].textContent[0] ) === true){
views[i].parentElement.parentElement.parentElement.parentElement.setAttribute("style", "display: none;")
}
}
>>
>>60116144
It's honestly the most enjoyable job I've ever had. Constantly learning and building. Requires real creativity. End product might not exactly be exciting all the time, but the work is enjoyable.
>>
>>60116800
i'd do something like this:

var related = document.querySelectorAll(".video-list-item.related-list-item");

for (var i = 0; i < related.length; i++)
{
var views = related.querySelector(".view-count");

if (views !== null && isNaN( views.textContent[0] )){
related.setAttribute("style", "display: none;")
}
}


basically just loop through all the related videos, then select its view count element in the loop

i'd help you better if i wasn't kinda busy and could get youtube to show me any recommended videos (i don't use the site much so i guess there are no recommendations for me)
>>
>>60116631
Well I figured I would take baby steps. My background is being a jr SysAdmin.My only prior related experience is powershell scripting random tasks.

After this I'm not sure which direction to go. I'm assuming learning JS is next. PHP? SQL? I would love to create Webapps that imitate some of the features cPanel/Plesk does.
>>
File: Control.png (135KB, 1049x952px) Image search: [Google]
Control.png
135KB, 1049x952px
>>60116991
here

Omfg, this is so cool... Like this is something I would be interested in developing.
>>
when you get something from URL in php, for example
?video=videoname
and you need to use that in your app, how do you secure it? Like stop someone from injecting something via that
i just add trim(strip_tags( but i dont think that is best solution
>it is not used for database btw
>>
>>60117080

if you use PDO and proper security techniques you should be able to prevent all SQL injection. Also know when to use GET vs POST
>>
>>60117080
>and you need to use that in your app
use how?
use what, the url or the response?
>>
>>60117115
>it is not used for database btw
>>
>>60117126
for example, you are watching video on url
?video=videoname and you have option to cut it/convert etc, ill get video name from url and send it to function for converting/cutting
>>
>>60101820
I'm doing it right now because it's my personnal website and I like to learn how new web standards work
>>
File: cia2.gif (3MB, 280x358px) Image search: [Google]
cia2.gif
3MB, 280x358px
>>60083757
Big guys crashing your server?
>>
>>60116934
Thanks, the method helped
>>
>>60113032
maximum install is like 80 gigs. i wonder what kind of 4k porn they stick there
>>
File: Dart_logo_wordmark.png (28KB, 613x163px) Image search: [Google]
Dart_logo_wordmark.png
28KB, 613x163px
>>60071318
Has anyone used Dart in anything serious? How does it compare to Typescript?
>>
please make new thread familia
>>
File: floatleftnexttoquoteblock.png (55KB, 413x267px) Image search: [Google]
floatleftnexttoquoteblock.png
55KB, 413x267px
>floated div next to blockquote
>parent is sized not taking float into account
>reflowed rather than resized adding unnecessary linebreaks
>>
Which sublimetext package should I use to pretty up JSON files?
>>
New thread:

>>60118493
>>60118493
>>60118493
>>
>>60117080
Depends what you are using it for. There is htmlspecialchars for putting it to html, urlencode for using in url. Avoid unneeded/wrong escaping like urlencode for database storing. Ideally all escaping would be done automatically by framework/library.
>>
>>60100289

if ($exportChoice == "ups")
{
$grouped_array = array();
for ($x = 0; $x < sizeof($item_num); $x++)
{
array_push($grouped_array, $item_num[$x] . ": " . $part_letter[$x]);
}
$grouped_item_part = implode("_", $grouped_array);
}
>>
>>60116437
It's referring to the transaction feature of SQL databases. The "default" might be to run two SQL update queries: one to withdraw account A and another to deposit to account B. Instead, you can wrap the two commands in a transaction, so that if one of them fails for some reason, the entire transaction aborts and doesn't change the balances.
Thread posts: 318
Thread images: 34


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

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


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