/wdg/ - Web Development General

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

>Further resources
developer.mozilla.org/en-US/docs/Web - General documentation for HTML, CSS & JavaScript
github.com/kamranahmedse/developer-roadmap - Roadmap
stackoverflow.com/ - Developers asking questions and helping each other

>Tools
jsfiddle.net/ - Use this and post a link, if you need help with your code
caniuse.com/ - Check browser support for front-end web technologies

Other urls found in this thread:

shijou.moe/imas-radio
developer.chrome.com/apps/manifest/icons
79.153.149.113/index.php
developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
pixijs.com/
gladitek.com/
twitter.com/AnonBabble

Hey /wdg/ need /adv/, I have a 2yr C.I.S degree and have been interning for a little over a year as a PHP/JS dev, wondering what my next move should be. Look for entry level position, stay and intern, go back to school? Thanks

Anyone know a great Redux tutorial?

I'm creating an extension, and am trying to get an icon for said extension.

In manifest.json, I have the following:
"icons": {
"43": "icons/icon.jpg"
},


Which is supposed to add an icon, and it does, but not where I want it(it shows up when I type: about:addons, but not when it's on the toolbar, it just shows a green puzzle piece). If you look at your own extensions, like HTTPS everywhere, you'll see they got a neat blue logo with an 's' on it.

How to accomplish this? I've tried looking shit up, but I'm not experienced enough with extensions to actually know what to look up.

Don't ignore those trips.

Read through the docs on the official website, think of it in terms of it's components... actions, reducers, store. it's a pretty simple concept.

"Web development" is not real programming

*triggered*

lol, this is your bait? weak.

What terminal emulators do you guys use on windows?

I rarely need to but when I have to work on MS software I would like a shell that's not ass. So something like ConEmu where I can plug in git-bash or some other variant and it can look good too.

Fucking bump again.

What the hell is the 43 about? Docs say to give options for icons such as

"icons": { "16": "icon16.png",
"48": "icon48.png",
"128": "icon128.png" },

I don't know, it's random.

Do those numbers actually mean something? Wtf.

What docs?

I'm just pointing out a fact

So, what justifies "real programming"? And what makes programming "not real"?

Making my portfolio; should I do responsive layout?

I guess it would be a good experience right... but do companies care about it? Is this something I should -always- do?

responsive layout is a must. That shouldn't even be a question, wtf

>interning for a little over a year
what the fuck my dude. get a job. you are basically being used as discount labor after this long

Umm... yeah, you pleb.

Imagine an employer going to your website, and seeing a complete fucking mess of it...

Reminder: your portfolio is a part of your portfolio.

static websites !== web development

something wrong with powershell?

I already know you don't know the difference

it is. html is the most popular programming language btw

it's an instant "into the trash" indicator, if you have some company checking out your portfolio and discovering that it shits itself when switching to mobile view.
static sites can still have built in javascript functionality.
bash

Sure thing, kid.

>static sites can still have built in javascript functionality.
No shit, the point was that static sites is not the entirety of web dev, which is a common misconception. People still think it's 1999.

someone wants me to fix up their wordpress site, but ive never worked with wordpress (or php) before. Anyone familiar with this stuff have advice? I have a basic layout for the design in html/css but im not exactly sure whether I should edit the existing theme or create a new one from scratch.

Similar question.
Is it a good idea to actively not support IE as a way of filtering out companies who use it?

Would you like to talk about Vue.js?

having to support ancient IE versions is one of the reasons I like microsofts forced updates. Can't wait until they drop official support for that garbage

1. don't take the job

2. If you fucked up 1. depending how fucked the website is might as well start from scratch adding only the plugins you need and getting a facelift + migrating custom stuff

take it with a pinch of salt, I only ever worked on a couple of small/medium wp sites and all of them were a clusterfuck, ymmv

shit name, will never be a meme. Why people think it is a good idea to build sites in js is beyond me

it is a good idea to keep your sanity, MS should just die in a fire

I am trying to move one element from one list to another using this function. For some reason it gives "Cannot read property 'appendChild' of undefined". What gives? The lists are there and are id'd properly.
function mover(selector, destination) {
let item = document.getElementById(selector);
window.destination.appendChild(item);
}

do you guys prefer classes and async/await syntactic sugar or the "raw" versions?

It lets you build complex UIs in a well-structured manner.
Why write jQuery spaghetti code, when you can separate your project into self-contained components instead?

What we need is a complete, standardized WebComponents API, not meme framework of the month #999. It has been debated many times but as always progress is slow in the spec.

>complex UI

this is what no one needs.

Spaghetti is not a property of the stack but the incompetence of the developer. One can write unmaintainable mess in any language.

I would much rather people only used the minimal js necessary tbqf.

I need a bit of testing, enter shijou.moe/imas-radio (auto playing audio warning)

Does it load the image on the side load for you? Please include OS and browser.

In Angular can I work with a JSON response directly or do I have to convert it to a class?

No, but we could talk about good frameworks like Angular.

What's with all the hate for Vue? It's not bad at all.

>not meme framework of the month #999
you really only have the 3, React, Vue and Angular and anything new like Marko or Moon isn't making an impact, since they don't bring anything new to the table, that isn't already done by one of these three.

Even with some new WebComponents API, you will still end up with frameworks and libraries for that.
Any standard will never cover everyones use cases.

I don't think, that it would be a hugely different situation from the current one.
In a sense it could be argued, that those currently existing libraries are already filling that place of a standardized API, since you already have other libraries and extensions build on top of those.

developer.chrome.com/apps/manifest/icons

I want to code a kinda gsmarena website that will show stats of phone as a practice project but don't know too much apart from static websites with just html/css
Is the best way to do it learn a server side language like php? something like mysql for the database? How do you update or show html items from a database like that?

When it comes to CSS organizing files, is it a good practice to separate the files and @import on a main .css or should I put all my code into one .css file?

From one side it seems more organized this way, separate. But obviously you also gotta go through each individual file to configure it. Which seems a little bit like a loss of time.

Can you create base64 with js without uploading image?

example:

I have restful api and it receive some data like, name, mail, avatar(base64 string)
can i create base64 in frontend with js or whaever?

'best way' is subjective and there are tons of way you can go about this. PHP and MySQL as you said is one of them. Some JS framework and a backend that sends JSON would be another.
>should I put all my code into one .css file
definitely not, unless it's a really tiny site.
Your source file should be separate and deal with specific parts of your site.
The bundled files a client receives should be as few as possible though, to save on network requests.
don't see why not

rate my webpage Sup Forums

79.153.149.113/index.php

>'best way'
okay fair point, thanks user. could recommend the way that would be easiest for someone new to programming? my focus is more on being able to make a functional end website rather than best practice or learning the process in depth

I'm one of those people that highlight text as I read it so text that moves under the cursor is so incredibly annoying

2017, not mobile first,come on..

Sick jukebox, where is the playlist from?

top kek

My personal pick of my favorite ambient music

Is secret.webm supposed to play? It's just sitting at the bottom
Cute jukebox, though you might want to sanitize the textboard inputs w

cool now I know what to fix next.

Sandbox disabled.

I broke it.

Just integrated Alexa as a web service into my DIY smarthome. Feels pretty good.

In case you guys want to add voice control to your page, you really should check it out.

not really, you should pick a backend to learn.
Can be PHP, Node.js, Django, .net, Java, Go, etc.

For a start I would say, just take care of the frontend.
Have a JS object with 5-6 phones in it and see if you find a good way to display the data and compare the stats. Then add the backend you ultimately want to fetch the data from later.
(of course you can also build the site statically. You can literally do anything with everything with todays tools. For better or worse..)

Sounds like a good opportunity to learn Vue or React, if you are interested in that.

It's ok it was meant to be tested anyway and this place is perfect.

I also logged all of your IPs.

just saying..

I've only ever uses Angular1.~ but you can work with the response directly.

It's back online, do more creative stuff with it.

user

noice

I'm proud of it. I don't want to change it because it's from 2013 and was put together by my clueless beginner ass.

Oh wow, Rule of Rose ost, never thought I would hear it after all this time.

where can I see the artist and song title that's currently playing?

You can't but you gave me a great idea to implement it.

Could you then post a list of your tracks somewhere? I really like your taste in ambient music.

I will have to look it up because my music library is over 10.000 but I can tell you that the majority comes from 5th / 6th gen horror games (silent hill, resident evil etc) aswell as some good ambient electronica musicians such as: Clark, Aphex Twin, Akira Yamaoka, Squarepusher, The Bronx Monx

The files on server are stripped down 80kbps versions without any tags so I will have to replace them with oggs and hopefully fix the smartphone compatibility.

Ok, no problems. You have awesome taste in music btw. Also, check out Floex, he did ost for Samorost and Machinarium.

Douche

i can't figure this one out

why is it rejecting my assignment? there are no errors, no warnings - it just doesn't assign the style.

lel just kidding why the fuck do I need them for?

anyone wanna link exchange? link us and well link you. low traffic sites only. free hosts accepted github, etc

i'm behind 7 proxies anyways

developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
>Styles should not be set by assigning a string directly to the style property (as in elt.style = "color: blue;"), since it is considered read-only, as the style attribute returns a CSSStyleDeclaration object which is also read-only.

say what


what are you talking about

Are you causing it to rerender? If so, it will immediately update the style.

What is el? Is it an actual Element, or a React instance?

That isn't what he's doing. He's assigning to a specific property within the style object, which is a thing that works.

it's the actual element, i just fixed it. it was an order of operations problem.

Either way, I'd recommend using a class for the animation instead. Like my-component-class--left or my-component-class--right, then just letting css transitions handle the rest. Then again, that's a little tougher with a animation handler, but still very doable, and faster iirc.

>Tfw want to make something similar to this but I have no idea how

pixijs.com/

Writing fizzbuzz in the flavour of the month programming language isn't either.

ssh [email protected]


>Actually using GladiTek as username

>ssh [email protected]

there is no such username. It's a ultra minimal raspbian with nothing on it but the site.

I'll check it out, thanks user

i was able to connect to it.

i can now make your site all about gay porn

okay, do it.

Nah.

> window.destination

just destination, you're looking to use the parameter, not something on the window object I think.

Consider SCSS if the project calls for it.

textboard fixed and back online.

what means?

You use window.destiantion. You want destination.

w10, chrome

gladitek.com/

we domain naw.

this site will be updated with more music,song list, and public storage, stay tuned.

>mysql_real_escape_string