[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]

/wdg/ - Web Development General

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

Thread replies: 81
Thread images: 7

File: 1487025087420.png (868KB, 822x552px) Image search: [Google]
1487025087420.png
868KB, 822x552px
Previous thread >>58934750
>Discord
https://discord.gg/wdg
OR
https://discord.gg/0qLTzz5potDFXfdT
(they're the same)

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

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

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

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

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

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

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

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

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>>
I'm thinking of getting a job in C# .NET instead of a java web dev job. My reasoning is that I might want to do game development in Unity some time in the future and then I can use my skills in C# I build up during web dev. Am I wrong in thinking that any skills will be transfarable at all?
>>
File: HXmBNu0.png (49KB, 1919x1041px) Image search: [Google]
HXmBNu0.png
49KB, 1919x1041px
I need someone to unfuck me.

I've made a shared component and put it on a private npm feed, I am trying to consume this component on two separate websites. On one (right) it should show up with two columns, two rows + button. On the left side panel, it should show up as 1 column, 4 rows + button.

It seems like the component isn't aware of its dimensions in its smaller div on the side panel (350px) - is there anyway around this? what am I doing wrong?

Component:

<div class="row">
<form class="col s12">
<div class="row">

<div class="input-field col s12 m6">
<input id="full_name" type="text" class="validate">
<label for="full_name">Full Name</label>
</div>

<div class="input-field col s12 m6">
<input id="email" type="email" class="validate">
<label for="email">Email Address</label>
</div>

<div class="input-field col s12 m6">
<input id="password" type="password" class="validate">
<label for="password">Password</label>
</div>

<div class="input-field col s12 m6">
<input id="password_confirm" type="password" class="validate">
<label for="password_confirm">Confirm Password</label>
</div>

<button class="col offset-s10 offset-m11 btn waves-effect waves-light" type="submit" name="action">Submit</button>
</div>
</form>
</div>
>>
>>58972774
Maybe check with >>>/g/dpt
>>
>>58972774
I've been doing C# .NET development for 5+ years now and I can't say it translates well into game development, Unity or anything like that.

Game dev involves frameworks and APIs that you won't really be using in your every day job, I would argue more game dev practice on your own time would benefit you more.
>>
Is skeleton css decent? I'm new to web dev and especially new to front end.
I've used bootstrap before but I like how simple skeleton is since I'm only making simple projects currently.
Eventually I'll get better at frontend just curious about people's opinion on it and if it's a good starting point.
>>
>>58973076
It's great, but hasn't been updated in over a year. It's stable a year later because it's so limited nothing in it really ages. It's fine for the simplest stuff when you just need a grid system + basic UI elements, but you'll grow out of it very quickly.

Most webdevs will organically grow their own version of Skeleton, just a repo with their favourite grid system and some boilerplate CSS style.

Since you're looking for things to try, I'd suggest you customize a minimal Bootstrap package and learn it inside and out. Slowly add modules to your standard package as you need to use them. http://getbootstrap.com/customize/
>>
Make your users love you with a JavaScript popup.
http://codepen.io/anon/pen/WRWdeq
>>
>>58973226
random
>>
>>58972850
Elements' can't know how much space is available to them.

<css-rant sanity="0" >
What, did you think CSS was a competent language?
Layouts in CSS were an afterthought. We still have to use decade old hacks (float) today because flexbox, the first attempt to create (one-dimensional) layout in CSS is still not supported everywhere. Let's not even get started on Grid's support.
And even if browsers finally support it, we will only be on the same level that other systems were in the 90s.
Today, in actual GUI libraries, it's all about constraints.

And that's basically why "Responsive design" is a joke and "Responsive Frameworks" like Bootstrap are stupid. The dimension of the browser window doesn't matter. The available space in the current context does.
</css-rant>

...Anyway, if you can use flexbox, that will help you.
Or you use the cascade and make a hack like
.my-shitty-side-bar .my-shitty-component m6 {
width: 100%;
}
>>
>>58973190
Thanks for the response. I'm not necessarily looking for too much to try as I dislike front end and design(aka am shit at it). I'd much rather get better at backend and have a minimal frontend and either slowly build it up or get a front end dev to help me.

Basically I dislike css.
>>
>>58973323
Then fuck frameworks, focus on grid systems. Find your favourite and really learn it. Knowing how to work a grid fluently will 10x your output more then anything else, while keeping you away from _style_ and instead focusing on _layout_.
>>
Can you guys try to break it?

Crowdcookie.com

Leave filesystem intact, but feel free to sql inject and wreck the db.
>>
>>58973421
>Please spear phish me
>Please call my Host/DNS/Whatever and hijack my shit
>>
>>58973190
Like the other guy said. It was once great but has since been abandoned. It's still a nice basic framework, but more modern options like Bulma.css (you should really use a Flexbox based grid in this day & age) are a better option for you to look into.
>>
>>58973444
Social engineering isn't vulnerability testing...it's social engineering.
>>
>>58973534
You're missing the point. Anon won't ever respect your requested scope.
>>
>>58973421
>Crowdcookie.com
I just submitted a couple. tried sql inject and XSS. But I can't see any output so you'll just have to check I guess
>>
>>58972774

>falling for the shitty M$ layered error prone framework meme
>>
>>58973581
You were successful. Thanks.
>>
>>58973307
I hear you.

Unfortunately (in my case) the shitty side bar is going to be implemented in a separate internal project where I don't have control over the stack / what we can use. Going to have to hack away at the CSS.
>>
>>58973638
What's the name of your table holding the fortunes?
>>
>hire professional pajeet writers to write content for my website
>they write worse than me, while I'm not even a writer
>I spend just as much time correcting their work as I would spend writing it myself
What's the purpose of outsourcing to pajeets again?
>>
>>58974071
Get them to just do your research and write based on their notes + what you know? Sounds like that might actually create some value for your topic(s).
>>
>tfw optimization autism hits you
I can't live if my sites have >2s first visit load time from anywhere in the world.

I can't live if my sites don't get PERFECT PageSpeed and YSlow scores.

Anyone know the feeling?
>>
>>58974573
just go full stallman https://stallman.org/
>>
File: SUBPAR.png (132KB, 1326x456px) Image search: [Google]
SUBPAR.png
132KB, 1326x456px
>>58974612
Stallman's site is shit though.
https://gtmetrix.com/reports/stallman.org/Jff97SVo

And it looks like ass. It is possible to deliver good, modern-looking sites without being bloated as shit.
>>
File: EgzMXeK.png (122KB, 1198x1200px) Image search: [Google]
EgzMXeK.png
122KB, 1198x1200px
>>58974666
>>
File: SLOW AS FUCK.png (89KB, 1000x628px) Image search: [Google]
SLOW AS FUCK.png
89KB, 1000x628px
>>58974714
LOOK AT THIS SLOW PIECE OF SHIT

6.9 SECONDS AVERAGE FIRST VISIT LOAD TIME?
WHAT IS THIS? 1995? 56K MODEM? THIS IS WHY CDNS EXIST
>>
>>58974801
>living in isreal
>living in USA

my sides
>>
>>58974801
Shitposting? In my /wdg/?

It's more likely then you think!
>>
>>58974841
Or Germany. Or AU. Or China. Or Japan. Or India. Or South Africa. Or Poland. Or Netherlands. Or Canada. Or France. Or ANYWHERE ELSE ON EARTH! My sides are already on an extrasolar trajectory!

>>58974862
No but seriously, am I the only one with severe optimization autism? ;__;
>>
>>58974906
I feel you man, it's fun
>>
>>58974906
80:20 man, setting arbitrary speed thresholds will just have you chasing tenths of a second, which don't matter.
>>
>>58974099
Thats actually a good idea. Ill try it out.
>>
>>58974047
You could probably take a pretty accurate guess.
>>
>>58975215
try putting this in your cookie and replace your table name (remove brackets):
'; DELETE FROM [table name] WHERE Author = 'Anonymous';

If even an error is thrown, you have a problem. Also try with double quotes
>>
File: 9842439[1].jpg (52KB, 500x500px) Image search: [Google]
9842439[1].jpg
52KB, 500x500px
So, I just got off the phone with a recruiter. They were looking for a fucking junior php developer and I got shut down for not having a degree or professional experience. This is like the 4th time that's happened, damn cunts.

Fuck this, I'm going freelance and never looking back. I don't care if I have to take $5 upwork jobs for a year, I'm just desperate for a way out of this semi-NEET lifestyle I've been in for the better part of a decade.
>>
I have like 20mb of JSON in my React Native app that is the content for everything. I'm trying to create a search function, is there a better way to find the results other than descending through all the children and looking at the content?

Seems horrible inefficient.
>>
>>58975349
It didn't do anything.

I'm using PDO with prepared statements, so it should be safe so far as I know.
>>
>>58976387
Have you considered using SQL.js? It is a JavaScript implementation of SQLite. It should make querying that data much easier.
>>
>>58976381
>no degree
>no pro experience
How did you manage that? Are you literally 18 years old?
>>
>>58976381
>not having a portfolio that rocks to avoid those excuses for not hiring you
>>
>>58976752
I'm in college, but funds will dry up after the fall semester and I'm scrambling to find some kind of employment. I'm not above working at mickey d's, but I have some skill with web dev and I'd like to put it to use.

>>58976811
That's fair, I have a portfolio with lots of projects but none of them really stand out.
>>
>>58976952
If you didn't show them anything at all, for all they know they're hiring someone who just says they can program php. This is a pretty big risk to take on.

Minimize the risk by showing them your work.
>>
>>58976381
I know the feeling.

Keep applying.

I literally just landed a web developer job just 2 days ago.

Not even entry level, actual web developer.

No degree and no work experience.
>>
>>58977054
Do they make you create content (take photos or videos)?

I cant find a Web Dev job to apply for that's not uploading photos to Wordpress
>>
>>58976976
My github and personal website are listed on my resume, and I always mention them (as well as projects that are relevant to the job) when speaking with a recruiter since it's basically the only reason I'm able to justify why I even bothered applying.
>>
>>58977124
Do you write clean code?
>>
>>58977109
I add functionalities that clients request to an inhouse php framework and do some JS work too.

I haven't started yet. Just gave my prior job 2 weeks notice.
>>
>>58976387
wait wait wait... are you querying constants that exist inside the components? are you saying the data flows out of the components up the inheritance hierarchy?
>>
>>58977054
Thanks man.

I knew at the onset that I'd need to learn a little humility before I got anywhere, but I didn't imagine it would sting this much.
>>
>>58977162
Dang that's close to my dream job right now. Thanks for the inspiration.
>>
>>58977188
I was searching for an entire year. Don't put all your eggs in one basket. Start applying for apprenticeships and placement programs like through LaunchCode. Glassdoor, Indeed, Ziprecruiter, Monster, Stackoverflow, Craigslist, Dice, angel.co
Post resumes everywhere.

Craigslist is what actually landed my job.
>>
>>58977188
also I BELIEVE IN YOU
>>
>>58977149
Whenever I write code, I try to make it as easy as possible for someone else to read it without sacrificing functionality.
>>
>>58977218
Believe it or not, what's been getting me interviews are these random ass mailing lists that started appearing in my inbox one day. At first I thought it was just some pajeet spamming me but there's actually some good stuff in there.
>>
Anyone else getting spammed with amazon recruitment emails?

I don't even do Java/C++ and they never stop coming.
>>
>>58974801
Is NY internet that slow? I've never heard that before.
>>
>>58977369
What mailing list is it?
>>
>>58977988
David Careers is the one that sends me okay stuff from time to time. There were a few other ones but they just sent me irrelevant jobs (senior-level IT positions and whatnot) so I unsubscribed from those.
>>
>>58977177
I'm importing a JSON file as a global, and using it in the components to look up stuff based on the route of the app.

>>58976723
Yeah, this looks cool. http://lunrjs.com/ Looks nice too, which is what I'm leaning towards if I can't make it work. I fucked everything up by trying to do it so fast. My data is a mess.. I didn't think before I started.. I'm formatting/cleaning in like 3 different places, and I just found more errors.
>>
>>58976381
Don't even bother with recruiters unless you look good on paper.

They will ignore you 100% of the time. I promise you.
>>
question to those who use webpack code-splitting:

am I supposed to include 0.bundle.js in the script src="" tag as well? or just the entry.bundle.js only?
>>
Would anyone recommend freecodecamp? They want to make me do Jquery before JS
>>
for (var i = 0; i<10; i++) {
document.getElementById("foo" + i).onclick = someFunc(i);
}



Will this result in the objects foo0, foo1, foo2, etc having their onclick value set to someFunc(0), someFunc(1), someFunc(2), etc or will they have someFunc(i)?

If the latter, what is the idiomatic/standard method to get the former behaviour in JS?
>>
>>58981054
Former
>>
>>58981054
Neither, you'll end up with the return value of someFunc(0), someFunc(1), someFunc(2) and so on, which is most likely not what you want to acheive. You're looking for this:
document.getElementById("foo " + i).onClick = ((i) => () => someFunc(i))(i);
>>
>>58981336
My example should have been this, I think, I was just trying to simplify it to make the question clearer and unintentionally altered the behaviour.

document.getElementById("foo" + i).onclick = function() {someFunc(i);};


But your answer is what I wanted regardless, thanks :). I had come up with a similar solution from some googling but yours is more concise.

Here's an MDN reference for the syntax, if anyone else is wondering.

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions
>>
>>58973226
http://codepen.io/anon/pen/LxvaxN
God mode lol
>>
File: 1486327550924.png (88KB, 632x289px) Image search: [Google]
1486327550924.png
88KB, 632x289px
>>58972735
>How would I go about making something to click every item with the same ID on a page?
>>
Does anyone here does freelance? How can I get started?
>>
>>58983796
bumping for who can answer this. same goal.
>>
>>58974666
>stallman.org
L-lewd
>>
Anyone know if there's a framework, that would make creating a new android keyboard easier? Using the native process seems tedious
>>
>>58976952
You may need to move cities. There are some areas where they're dying for people like you, but not every city
>>
>>58977386
Yes, but for like their warehouse "fulfillment center"

>>58983696
It's bad practice to have duplicate ids on a page. I recommend creating a function the targets each element that needs to be clicked individually (separate ids) and looping through them to click them. Idk how your page is laid out, but this sounds like either bad architecture or you're approaching something wrong, it's just a strange request
>>
>>58983796
>>58984255
You're going to be programming 10% of the time and lining up clients and doing paperwork the other 90%. If you like the 90%, totally do it. But don't get into freelance thinking you're gonna get to have fun programming all day
>>
>>58985755
It's someone elses site. Dealing with their bad architecture. But it could just as easily go for classes.
>>
>>58985944
if you're using jquery..

$( "some-class" ).click();


I think that works. According to jquery docs, you don't even have to iterate over the list, it will do it implicitly
https://api.jquery.com/each/
search for "implicit iteration"
>>
>>58985944
>>58985982
Oh shoot. stick a period in front of "some-class" to make it ".some-class". Otherwise it's looking for elements
Thread posts: 81
Thread images: 7


[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.