/wdg/ - Web Development General

Good books for starter web devs edition

Previous:
>Free beginner resources to get started
Get a good understanding of HTML, CSS and JavaScript.
developer.mozilla.org/en-US/docs/Learn - a good introduction (independent of your browser choice)
freecodecamp.com
codecademy.com
hackr.io

>Further resources
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
github.com/kamranahmedse/developer-roadmap - Frontend+Backend learner-path suggestions
youtube.com/watch?v=Zftx68K-1D4 - Web Development in 2018 - A Practical Guide

jsfiddle.net - Use this and post a link, if you need help with your HTML/CSS/JS

Attached: blog2-1500x750.jpg (1500x750, 140K)

Other urls found in this thread:

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
pro.coinbase.com/trade/BTC-USD
npmjs.com/package/candlestick-volume-chart
css-tricks.com/snippets/css/a-guide-to-flexbox/
ionicons.com/usage
github.com/Michael0x2a/curated-programming-resources/blob/master/resources.md#java
kitten-871.getforge.io
twitter.com/NSFWRedditVideo

What is the correct terminology if I am attaching something as a property to a class in JS?

So say I have the class 'Model' and I want to attach 'foo' to it like Model.foo. Would you say foo is stored "as a property within the Model class' prototype chain"?

How to send clientside JavaScript data to serverside NodeJS?

Attached: socialism.jpg (850x400, 80K)

Is that the most classic stack ever?
>Debian
>Apache
>MySQL
>PHP

What would you change on that? I feel like an old man using that but it seems to just work.

XMLHttpRequest

AJAX

How to submit data to different pages depending on what button is clicked via a POST request from the same HTML form?

Attached: kekkest_of_keks.jpg (1600x1000, 393K)

I'm a web developer and I have mostly worked with digital agencies. I am not a project manager or a designer, however. What are some resources/must-knows when it comes to developing my own personal project? I can turn a PSD into a website no problem but I want to know how to plan and map out the project instead of jumping straight in and coding something that is destined to fail.

In short, I want to be a little bit more than a keyboard slapping code monkey. What resources will help me attain this level? What needs to be considered when planning?

Attached: index.jpg (320x158, 13K)

Anyone got any good introductions into PHP?

>foo is a property of Model

Yeah, I would interpret this to mean Model.foo

Yes but I'm asking does "stored as a property within the Model class' prototype chain" make sense

what laptop does /wdg/ use?

just got a job and most people use an XPS or macbook

I downloaded that books and it was a pile of garbage. They try to make it so easy and hold your hand so much it's actually just cumbersome to read through.

Because those people actually have jobs so they can afford a good laptop

I bet everyone on Jow Forums uses a 6 year old used thinkpad modded with a bigger battery (which lasts 4 hours) because it's cheap

i use a thinkpad myself as well but i wanna get something a bit smaller/lighter and easy to carry around

xps is crazy expensive for me though may aswell just get a desktop at that point

> a 6 year old used thinkpad
I asked one of the lead programmers how does he cope up with the feeling that his Macbook soon will be obsolete due to a soldered RAM. His response was "LOL, is it? It's upgradeable in mine".

Depends on your implementation.
I mean you can have a Model.foo without foo being apart of the prototype chain so maybe its not quite explicitly accurate.

class Model {
constructor() {
this.foo = this.foo.bind(this);
}

foo() {
return 'value';
}
}

const model = new Model

in this case, it is apart of the prototype chain and model.foo() will return "value"


class Model {
constructor() {
this.foo = "value";
}
}


In this case, it is not apart of the prototype chain and model.foo will return "value"

In both cases, I would call foo a property of Model, but only the first is apart of the prototype chain. Or so I understand

for more info, The second example is called an instance property, rather than a prototype property.

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

I need to make a website that displays images in a tiled format, it also need to have searchable tags.

Any idea family?

Attached: photo_2018-06-18_23-20-09.jpg (1280x794, 186K)

I am a back end dev but need to learn how to make a front end. How hard would it be to replicate something like this?
pro.coinbase.com/trade/BTC-USD

Depends on how original you want it to look and how much control you want to have over it.

You could likely find a module that handles the chart.
npmjs.com/package/candlestick-volume-chart
is something I quickly found, no idea how good it is though. If you are scared of css/scss, You can also use a framework like bootstrap or materialize to handle your styling. The only problem with using bootstrap without custom CSS is that your website will look like bootstrap.

Either way, it will still be a decent amount of work.

For the layout I have looked into using css grids , but I already have the graphs sorted , its just html and css I dont really know that well and when I try I have trouble getting stuff to fit how I want it to.

Guys here is a retarded question:
Am trying to make my first website for giggles and am trying to use icons from Ionicons. It says that in order to make a icon bigger I just need to apply
ion-icon {
font-size: 200%;
}
The problem is that this makes every icon big. How do I call just certain icons with big in their names for example?
just using
.big-ass-icon {
font-size: 200%;
}
doesnt work.
PS: Am retarded.

yeah, styling is usually a bit of a battle. If you are unfamiliar/not confident with CSS' flexbox property, I'd say a grid system is the way to go. Although given the time, flexbox is really quite a handy property

I've never used Ionic but it looks like it is just using custom HTML elements
Try applying the class name to the element and see if that works


That should make only that icon have the class "big-ass-icon." If that works, simply add the class to any icon you want. This is, of course, assuming that Ionic is as simple as I think it is

Any good youtube videos on this stuff?

Not off the top of my head, I'm afraid mate, I learnt how to properly use flexbox from a colleague of mine at work. I've always found CSS tricks to be helpful so maybe their section on flexbox could be of some use

css-tricks.com/snippets/css/a-guide-to-flexbox/

If its the framework grid systems you're going with, then the best I can say is the documentation of that framework.

Sorry I couldn't be of some more help

are
are you retarded, user

you sure fucking seem to be

just use a ready framework, like bootstrap 4 (you get mobile ready views too)
It's all css and html, easy as fuck to work with

there's also "foundation" and others, but I've only really ever used bootstrap, and completely custom solutions, so.

I warned you, doug.
I warned you about the retardation.

I should have said that I tried adding a class that way but no icon appears when I do that.

Same. I read through some pdfs to check out which book to buy. And that book looked horrible.

Sorry, Ionic is using angular so you may need to use ngClass instead of class

>tfw have some great domains, but too worried about the stability and future pricing of new tlds to use them
For a portfolio site. What do you guys think of a domain and email like?

[email protected]

ionicons.com/usage
"Icon sizes"

ion-icon is not a standard HTML tag, thus why it doesn't actually work like that.

normally icons are contained in tags, (same link, under "Basic usage", very bottom)

fucking angular, man
what the fuck even is it

>look for answer to something on google
>50% of people saying one thing is right
>50% saying another thing is right

this happens way too fucking often

Attached: REEEEEEEEEEEEEEEEEEEEEEE.png (584x578, 207K)

Unless its The.One, am not interested.

should a long calculation(alpha beta pruning) be done async or in a web worker?

>what the fuck even is it

Not usually my first pick aye. My first exposure to it was fixing a god awful bloatfest of a web app. A fucking disgusting experience which has since left me with a bad taste for it. Not that the web app was angulars fault or anything, but it was certainly hard to appreciate it after that

>What needs to be considered when planning?

Start building something large all by yourself, you'll run into planning issues soon enough. Learn from that.

the.two

Are the javascript challenges on freecodecamp worth it? They are having me do random obscure shit that i will never probably have to do ever.

Also i cant figure them out- they are hard as fuck. I feel like im better off just learning react then try to figure these challenges out.

Get to work instead of expecting to be spoonfed with an easy solution.

Okay thanks for everything lads. I worked around it by putting the icons I needed to customize in a div that I applied the customizations on directly.

I used to fuck with codewars. No you will likely never encounter these problems with 95% of work out there but these problems force you to look at your languages docs to determine the quickest and most efficient way to solve them. Its the shit you pick up from doing that which will make you a better coder.

desu, it was looking at other peoples solutions that made me go
>oooooohhhhh thats such good way of doing it

WORDPRESS QUESTION ON DEV/PROD ENVIRONMENT


Doing some Wordpress developing. What's the superior approach to deal with development/production environments???


Right now I got a Bitnami Wordpress stack installed on my computer and a live site running.


I migrate between them using "All-In-One WP Migration"

This tool exports and imports, and can only handle ~500 MB (they want to get paid for more).


It's not ideal.
What's the best way to deal with development/production in Wordpress?

the superior approach is to not use wordpress

I want to display a some code in my website.

I'm using code tags and whitespace: pre in my CSS.

The problem is, if I follow regular indentation of elements in the HTML file, every white space is taken into consideration, resulting in a huge blank space in the left side of the block container.

The easy, but not so clean way of solving this is giving the actual code no indentation at all, but that looks plain ugly and breaks the HTML structure, just visually but stills.

I would have to do something like this:

.container {
display: flex; /* or inline-flex */
}


Is there any other way around fixing this?

what's a good alternative to particles.js

Why do you need an alternative?

Just looking for something similar (gay animation to put on homepage) but wondering if there's other things like it, I know there was something like blobs that bounced around but I can't find it

If only the thinkpads used were just 6 year olds. Rather most of them are decade+ old at this point, prior to Lenovo buying the brand.

jamstack is the future old man
get used to it

Bump. I know some people w/ WP experience lurk here.

>going back to CSS after months and getting shit done

Feels good. These threads were so helpful for me to get started last summer, but I was so fucking short in free time.
Now I can easily pull 3-4 hours every day at least, and I've made of this my main life goal right now.

The pure hatred I feel for my current job helps as well.

Attached: tumblr_p3ln5qL3Bl1wni6p9o1_1280.gif (558x360, 1.62M)

Just download the files and databases.

Run a SQL command to fix the links. Ensure htaccess isn't changing the urls. And that's it.

Serve it to whatever HTTP requests you want and then use XHR or fetch on the client side. JSON should be great for data exchange.

Node or PHP or Go as a first back end language?

I already know C++ and Python, basic js like jquery stuff but nothing serious. I wanna work in server side enterprise Web dev.

I just bought this and the html/css book last week.

Attached: civc_ek9_ep3.jpg (650x283, 71K)

You could just use python.
>I wanna work in server side enterprise Web dev
Then you're probably going to only really find jobs using Java or C#. Alternatively, php for the wordpress 'enterprise' world.

Thanks. I've been looking into Java desu, will maybe pick up a book or two. Any recs?

Asynchronous fetch requests to an express server.

Lads, I just got a react front end to display information from an arbitrarily sized CSV file. It's a glorious feel. When it displayed correctly for the first time, it felt like I got a rare drop in OSRS

Attached: sOWQgSB65FOY9UspNEasSiTOPrK1sfpf_Yt8ZdZoUto.jpg (540x405, 41K)

Is Sacramento a good place for web development jobs?

Haven't vetted every single resource here but; github.com/Michael0x2a/curated-programming-resources/blob/master/resources.md#java

I'm trying to register an app using oauth2 and it's asking for a redirect uri. I've googled it, but I'm still not sure what it does or what I'm supposed to put as the redirect uri.

This is for work and I don't want to mess with the app too much, but for the task I was given I just need the client id/secret to get access to the analytics.

BTW in monday i will have phone interview: node.js/React developer. Could you guys give me some hints? I read React and js docs right now, should i read something about HTML/CSS? This offer is not even junior i think, i just posted unfinished node.js app to github and maybe he thought i am qualified. I am pretty stressed guys

lol youll get shrekt

Hey so I'm new to mac and have a question.

I tied my rsa key to my work bitbucket to use git and clone the repo, but how do I do it again with my personal bitbucket?

Is it going to get confused?

So processing.js is just a game loop?

Attached: processing.png (1726x775, 483K)

It reminds me of guy who studied 2 months of php and failed at mysql in interview.

Call them to cancel the interview so you don't waste their time

None of that is macOS exclusive. It will work exactly the same way no matter the git remote service or OS, even Windows these days.

You should add w3school link into the next thread.
The site is good and you can also do quiz's

int a=0
[\code]

Anyone got any good pdfs for HTML/CSS/Javascript?

Is it worth learning JQuery

Serverless is the future sweeties, get with it.

Yeah. It's still widely used

Worth learning? Sure, a lot of sites/people still use it and a lot of code snippets use jquery so being able to at least understand what's going on is useful, plus putting it on your CV is good.

But actually using it is a bit iffy, learning react/vue/angular is going to be much better in every way, especially since vanilla JS can do most of it now anyway

u NEED to learn it if u wanna do webdev

Please help. I'm a brainlet.

Attached: 1491818472007.jpg (510x384, 25K)

HEllow bainlet borthea

Issue tracking and a ui design tool. You might also want a way to track requirements and features, and documentation and design principles.

You put your website (localhosst in dev, www.website.com in production)

fak

should i kill myself? i think i will try anyway, i will try to bullshit my way into next phase by throwing some buzzwords like 'jquery' or 'dom api'

My original idea was to have one central import.js file which handles all the imports of every class file in JavaScript, but now I'm getting "x is not defined" errors flying at me. Have I made a terrible mistake and is there a better way to handle having to import a million files in each file?

Full stack is fucking bullshit

Nah, just realize that you were underqualified and some recruiting monkey decided you were a useful tool in making it look like he's doing his job. Say thanks, and see if he'll add you on linked in and maybe you can get use out of him in the future.

kek
how the fuck does anyone fail at mysql

>should i kill myself?
Bro wtf you just applied to a position far above your capabilities take it easy

How long did you first personal project take /wdg/ (something that has a backend)? How long would it take you to write now?

like a week
same thing would probably not even take half an hour

Why? Shits obsolete now. I can't see myself ever using it again on a new project

Email them and say you are worried you aren't at the level they are looking for and if that is OK then you would like to apply anyway.

My first job hired people that didnt even know the right language. They didn't give a shit. Current job hires people that are novice too since they can learn most of the language in 3 months on the job if they ask questions and get help when they need it.

Let them know though.

I need an angularjs superhero

Can someone tell me what is wrong here?

kitten-871.getforge.io









- -


angular.module('app', ['ng']).controller('ctl', function Ctl(){
let a = $('tr.s');
let b = $('').insertAfter(a);
});

I've minimized the code for your debugging ease

Attached: Screenshot from 2018-08-18 17-33-24.png (892x529, 71K)

Guys, what the fuck is wrong with Jow Forums? I can't seem to be able to make any posts without disabling javascript? What the hell is going on, and why am I the only one to notice?

Attached: Screenshot from 2018-08-18 17-38-50.png (1668x355, 115K)

Cuz integration with other modules and plugins and script duuhh. If you're doing babbys first app or plan on never having a job fine don't learn it. If ur gonna be employed you need to know it. And it's not even remotely difficult to learn. Like a weekend tops. Just learn it. Webdev interviews always ask about it too.

angular is supposed to be declarative why u messing about with element fiddling

It really should not matter why. The real question is why is angular throwing errors?

And before you blame jQuery, angular is SUPPOSED to be compatible with jQuery.

To the degree that JQLite is only implemented if jQuery isn't already loaded.


If you really must know why i'm fiddling with elements, its because I was experimenting with an angularized apache index.

README.shtml & HEADER.shtml will have some markup and script. Because the index is being generated by `mod_autoindex` I don't have access to the index data except by iterating over the DOM. I can still implement angular directives before/after the HTML table. But to get my shit alongside the table, I need to insert it.

But my use case really shouldn't matter. The problem is the library, not my code. As demonstrated in that slim example.

There's no reason angular should be throwing those errors.

Holyshit you're that special kind of retard in the team who stamps his feet and says IM RIGHT YOURE WRONG and doesn't last probation period aren't you