>Getting started Get a good understanding of HTML, CSS and JavaScript. Everything you learn will have these as their base. The Mozilla Developer Network offers a good intro (no matter your browser choice) developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Is this how user auth is done in the real world with React?
>Use Redux to store a global loggedIn property >Check loggedIn property in every subscribed component before rendering >log in by dispatching a login action to the store >sending an HTTP request from within the store via axios or superagent >use passportJS server side >update state based on response from server
If not, how is it done in the real world?
Andrew Martin
now days everybody wanna talk like they got something to say but nothing comes out when they move their lips just a bunch of gibberish and mother fuckers act like they forgot about dre
Xavier Nelson
What's a good text editor for web-dev? I'm just starting out.
Blake Martinez
VSCode, Sublime, NotePad++, etc
Vim if you really wanna get balls deep
Aaron Watson
I've tried VS, Sublime, NP++, Atom, Geany, and many others. Out of those, my favorite was Sublime. My only issue was the constant nagging to buy a license.
I'm playing with Brackets right now.
John Clark
youre wasting too much time figuring out what editor to use. Just fucking pick one. A free one then.
learn how to program
Joshua Lewis
With sublime text you can literally reuse license keys multiple times, just google it for a key and stick it in, it'll work.
Ryan Rivera
Wow. I'm surprised that actually worked. I feel kind of bad now too. I pirate all the time but this feels different somehow. Oh well.
Thanks for your help!
Nathaniel Johnson
Atom has the best experience to me, really easy to install plugins and themes, but its slow as fuck. I think it's moving to c++ or some shit at least for rendering files so I'll try it again in the future.
Right now my favourite is vscode, its almost identical to atom but a lot faster. Sublime is similar too I guess.
Logan Cox
Is this course content + 3-5 months part time study + some independent projects enough to get a foot in the door somewhere? Any suggestions not listed here to add to the curriculum?
Landon Reyes
php
Landon Anderson
>jquery kys
Carson Nelson
Cool thanks for helping me update my list I bet they love you at the office
Aiden Robinson
>reading a story on a news website >go to scroll to the bottom or even 3/4 of the way through the story >accidentally scroll too far >it scrolls and autoloads a completely different story instead stop this fucking shit right now you fucking mouthbreathers, i swear to god if you dont
John Murphy
SQL, some front end javascript framework like react or vue, some basic programming design stuff like MVC and SOLID. Also you have a stuff that goes under other subject or is kinda abstract - like DOM manipulation is basically javascript and auth stuff is kinda general. Also best way to learn is actually do stuff - try to create some SPA CRUD app.
Wyatt Scott
How do you deal with website design? Do you pay for mockups? Or do you do them yourself? How much do those tend to cost?
I having a really hard time creating a "design" for a website, any suggestion would be appreciated, thanks.
Lucas Howard
Where is the best resource to help learn and memorise regular expressions?
Logan Long
I guess everyone has to go through it, i was developing a react app last week and yesterday was reassigned creating html newsletters in html3 with lots and lots of nested tables circa 1995
Lincoln Young
regexone.com/ I learnt there, I know there's more to it but I don't need more than that right now
Brayden Edwards
I think this is good for reference: regexr.com
Joseph Torres
>setInterval crashes Chrome
LOL WHAT?!
If I run my setInterval clock for more than 10 hours in Chrome it crashes Chrome.
Apparently it doesn't let go of any data from within setInterval, so you have to either regularly clear and restart the interval or have nothing going on in the interval.
Also console.logs fuck Chrome's memory too.
Funny thing is I have a VB.NET browser source running the page and it's memory increased by 0 in the past 3 hours.
Is Chrome really worse than vb .net?
Daniel Gomez
>a VB.NET browser source
Eli Green
Thinking of designing and building a blog for my website from scratch since I'm not happy with wordpress or other alternatives. I know CSS/HTML and vanilla JS, what should I pick up to do this? I've got my domain and hosting and all that already taken care of since it's my own site.
Dominic Hernandez
Can I add dependencies in my npm package json file from packaged installed globally, or I need to install locally every package each time?
Jason Jones
how do i pass {{id}} to html href attribute i want to do something like asd
Benjamin Baker
what happened and why is it back
Henry Myers
>tfw no job
Luis Hernandez
no
what do you mean by "{{id}}"?
Owen Price
id is some value example if is like if wanted to add 'st.course_name' to be part of url of hre=""
i may have some error in code above, i just wrote it
Luis Rivera
angular y/n?
Nathan Rivera
My health insurance site (anthem.com) is all angular, so there's at least one legit site that uses Angular.
For my personal project, I went with React since it seems like it was meant to be a whole-site solution (including routing and such) from the beginning, whereas Angular seems to have originally been for parts of a site.
James Morales
I like it, but then again I'm just me. I entirely accept that I may be wrong.
Are you using a framework (like Angular or Vue)? If so, it SHOULD just interpolate the value. So you'd have something like $scope.st = { id:1138, name:'Introductory Shitposting', prof:'Professor Pepe', creds:4 }
And then you'd just do Check out my course on introductory shitposting
If you're NOT using a library, you'll have to explicitly update it. The easiest way to do that would be to assign your an id (something like "course-link") and then just do: //or however you wanna update the link var updateCourseLink = function(st){ //assume the arg 'st' has a property 'id' document.querySelector('#course-link').href= `something.php?id=${st.id}` }
Brayden Sanchez
use v-bind. moustaches doesn't work inside html tags
asd
Luke Carter
>I like it, but then again I'm just me To clarify, since I realize that's a bit of a vapid response: I like AngularJS mainly because I'm used to it. That being said, there are areas where it is definitely lacking. It's generally slower than react, but react can be slower than Angular2, and so on... It's really more a question of which framework you enjoy using (or are paid to enjoy using).
Nolan White
For Vue, yes. If this is Angular, then just simply using moustaches will work.
Anthony Richardson
let's say I'm writing a single page web app in react, where the react is essentially displaying a whole lot of information (data) and manipulating it (just on the page), and this comes from a single API call that produces a json response that react would make on page load
is this a bad idea if the api call is going to produce a json structure of like several thousand objects? is there a better way that I'm not thinking of?
Benjamin Sanders
Pretty much, I like to use a higher order component that just passed props and checks if the user state is authed, as well as checking for a valid JWT on each route
Connor Murphy
is there really no way to paginate this or categorize it and lazy load sections? I can't even imagine what you'd be doing with thousands of individual objects
Josiah Reyes
guys why learn web dev when you can just use a CMS?, looks like too much trouble...
Levi Anderson
Lack of ability to paginate requests in an API that's spitting back thousands of results is a problem with the API. If you have the ability to change it then you should.
If you don't and the API is just what it is then there's not much you can do. The majority of time-to-paint is almost certainly going to be that request and unmarshalling. If you benchmark find that rendering is slow you could build up the rendering component's state over time, react should be able to figure out it doesn't need to rerender previous elements, but that's not something you want to do until you have benchmarks showing conclusively that it's one big render that's causing problems.
Dominic Brown
I've done a couple projects with it. It's not bad, the OOP-ness of it and all the IoC machinery is, uhh, not really my thing but some people like it. Angular2 has a better overall architecture but I resent that it pretty much forces you to use typescript (nothing wrong with typescript, just sometimes I don't want to bring on the whole compiler to every project) so I still use 1 more.
Jack Sullivan
>higher order component you mean like a smart/container component?
Ayden Ortiz
He means a component factory, a component that makes components.
Easton Rodriguez
Here is an example I've used before
import React, { Component } from 'react'; import { toastr } from 'react-redux-toastr'; import { connect } from 'react-redux';
export default function (ComposedComponent) { class Authentication extends Component { static contextTypes = { router: React.PropTypes.object }
componentWillMount() { if (!this.props.authenticated) { toastr.error('You need to be logged in'); this.context.router.push('/'); } }
componentWillUpdate(nextProps) { if (!nextProps.authenticated) { toastr.error('You need to be logged in'); this.context.router.push('/'); } }
render() { return ; } }
function mapStateToProps(state) { return { authenticated: state.auth.authenticated }; }
Can I get some help with my front-end dev process? I work on files that are hosted on a local nginx server running browsersync. That way I can live preview changes to the design in my browser. I would like to start using Sass instead of vanilla CSS. If I do so, however, then it breaks that workflow. Is there a way to have Sass compile to CSS on save which itself would trigger a browsersync refresh? I think webpack is part of the answer, but I don't see how it could compile to CSS on save of a Sass file?
Jaxson Sanchez
You could use a task runner like Gulp to watch the files and build on saves
Brayden Edwards
atom has 0 code intelligence. It cant even show symbols/definitions in files if you dont generate your own ctags files.
thats the main reason i switched to vscode..
Dominic Diaz
just get sass from ruby's package manager. it has the ability to watch files for changes out of the box. you can open up a ruby shell in the background and have it watch your files for changes on save. you don't need a task manager like gulp or grunt or punt or cunt or whatever the fuck
Ian Reed
>no Woah, what a retarded system then
Hudson Roberts
when you're asked to learn deprecated angular 1 because thats what the company sites use
Brody Stewart
does anyone actually sign up for newsletters?
I mean "intentionally", without it being forced on you, when you create an account somewhere
Nathaniel Reyes
yeah, its pretty much retarded.. do 10 websites, have 10 node_module fodlers wit same shit in them on your precious SSD
I used to do symlinks, but for some reason i stopped.. probably some errors
Gavin Watson
>I went with React since it seems like it was meant to be a whole-site solution (including routing and such) from the beginning
That's literally the opposite of what react is. All react deals with is rendering. The developer has to bring in routing logic, models, etc.
Robert Hill
like the other user said, symlinks are an option
A while ago someone also posted about using subfolders inside the folder, that holds your package.json This works since node checks up the directory tree for a node_modules folder to use, if there is none in your current one.
Jacob Hill
Only to be notified when something is is released or whatever.
No one reads articles and 99.99% of those emailed articles exist solely to advertise shit.
Wyatt Cook
How do I convert Fahrenheit to Celsius in React?
I got {toCelsius({props.channel.item.condition.temp})} °C
Which doesn't work. Can anyone give me an example of this. (toCelsius is global; not in any component.)
Josiah White
{toCelsius(props.channel.item.condition.temp)} °C
John Hughes
how pathetic is $18/hr for a full time JS/SQL/PHP developer? I asked for a pay raise but nothing yet
>>>>jquery >>>kys >>kys retard >kys get fucked cunt
Caleb Turner
I scrolled through it. looks like a 15-year-old's failed attempt at humour
Kevin Baker
Are you in the US?
Adrian Reed
yea WA state
Juan Foster
How competent do I need to be in the big 3 to get a junior front end job?
I see always that you must 'learn' HTML, CSS & JS (and maybe a library or two). But what is the bare minimum I should be able to do?
Jeremiah Sullivan
Is a Python backend a good idea? Which one should I use if so?
Bentley Ward
Don't worry, sublime text 3 is in beta anyway. Pretty sure author will make all the st2 license key invalid afterward.
Ayden Hughes
>Is a Python backend a good idea? it's okay, although I can't understand why people choose to subject themselves to using a dynamically typed language for anything non-trivial >Which one should I use if so? if you mean "which framework" then django
>sublime text 3 is in beta anyway will it ever not be?
Carter Diaz
What's the difference between VSCode and Virtual Studio?
Is VSCode less bloated?
Jaxson Harris
they're two separate tools with two separate usecases that were named similarly because apparently microsoft finds joy in confusing people
Zachary Gray
you mean visual studio? visual studio is a full blown IDE. VSCode is just a free text editor. It's pretty much just a better version of Sublime (and free).
Jose Wilson
Yeah I meant Visual Studio. Thanks. I love Sublime so I'll dl VSCode and see how it compares.
Jacob Rodriguez
How did you make the transition from learning front end to back end?
Kayden Hernandez
Visual Studio is a full-blown IDE with a lot of tools built into it. IMO it's pretty bloated, since every time I'm using Windows, and I accidentally double click an XML file or something, it takes at least 2 full minutes to start up, just so I can shut it down.
VSCode is basically a text editor with syntax highlighting and also I think a built in JS command prompt.
Gabriel Rodriguez
by learning how data is stored, manipulated, read, and inserted/updated.
Andrew Collins
by learning programming
Michael Thomas
>All this kyssing would you two just get a room already?
Andrew King
HTML and CSS you need to know pretty much like the back of your hand. You won't necessarily remember all of the CSS properties, but you DO need to know enough to, generally, get shit done without constantly going back to the books. As for JS, consider it as exactly what it is: a language that you can 'speak' (or 'write'). Now, imagine you're hiring someone to use that language. You don't wanna hire someone who's just learned how to read See Spot Run.You wanna hire someone who at the very least has a useful understanding of the language. To that end, learn at least ONE framework (not jQuery, since that's a little dated), tho I'd strongly push for 2 or 3. Even if you intend to be fully front-end, learn SOME back-end stuff. This both makes you more sellable (an employer can be like 'hey, i'll pay you extra if you help with back-end problem X!'), and affords you a bit of bullshit insurance. If your coworker moot says, "I can't fix the server because of problem Y!', it'll help you to know whether he's being truthful or just yanking your dongle. I'd suggest Angular, React, and either NodeJS or Python.
David Parker
this, jquery is god tier until all browser support modern javascript
also, kys idiot
Jaxson Butler
browsers will never support "modern javascript" because there will be a new ecmascript standard every couple of years
Benjamin Richardson
I would suck dick for $18/hr.
Hunter Perez
$npm install dick --save-dev $git push dick
Luke Ramirez
how slow is node.js compared to other frameworks?
Brayden Perry
Or don't be a dick and just buy the license...
David Bell
I like Python more than PHP, that's why. Also what I'm about to do does not need node.js at all.
Jace Ross
Can someone please explain this to me? This shit is confusing as fuck.
Hunter Turner
>I like Python more than PHP that's very reasonable
>Also what I'm about to do does not need node.js at all who's talking about node?
Caleb Diaz
...
William Bennett
best react guide???
Preferably a text book I can go through, or a textbook-like webpage.
Gavin Hughes
It's just a guaranteed unique object, that can't be accidentally duplicated.
Think of it as if you're using a uuid.
var a = "7a828712-c64e-49d5-9415-f12031fcf8e7" ... if (a === "7a828712-c64e-49d5-9415-f12031fcf8e7") { ...
Except it's even better than Uuid, because it's guaranteed to be collision-free, and you can actually keep sane by not having to use extremely long and unique strings. A symbol is useful for providing keys to objects that will never be overwritten, or even known, for example (unless you know the symbol name)
var arr = []; var s = Symbol(); arr[s] = function () { console.log("I'm invisible!"); } arr[s](); >>> I'm invisible! arr; >>> Array [ ] arr.length; >>> 0
Easton Hughes
Should I use a CSS framework for a management dashboard? If so which one? Also flex or old school CSS?
Austin Baker
Reposting from /dpt/:
In HTML5 with JS I would like to have a ton of s, maybe a hundred at a given moment. There would be cases when I would like to refresh every single 's innerHTML and style attributes at ones.
What is the faster method to do this? Iterating trough all the s by ID and reset their parameters, or have one big container and add the rest as a concatenated string? In the latter case, I think there would be a lot of string manipulation to get the results, but only one innerHTML change in the end, while the former case has more attribute changes, but doesn't create a long string in the memory beforehand.
Jacob White
I would expect the second approach to be faster, because you're not forcing a re-rendering every time you change a single div. Got to experiment though, try with 10000 divs.
Oliver Moore
Not a book, but this helped me a lot. React stuff starts around 1hr 45m
No one knows how to do this with webpack/browsersync?
Grayson Rodriguez
What else am I supposed to use for a backend then, if not php or javascript?
Zachary Powell
php has a shit load of docs and has been around for awhile, probably the best back end languages to start out with. Doesn't really matter. Just learn how to program please
