fleur

Hi, welcome to the forum.
 
It's changed a huge amount now. JavaScript has taken over; Flash and Dreamweaver are all but a distant memory. WordPress is still around, but definitely not the best way to build websites and certainly not for applications, UI's are responsive, gone are static width websites.
 
Typically web design and web development are too different things now. Web design typically only focuses on design due to things being far more complex it's very rare to find those that design and develop to a professional standard, they do exist but expect a long and very uphill battle if you intend to learn the full stack + design and keep up with the rapid changes.
 
I'd advise you start again from scratch and use a learning resource such as codeSchool or Team Treehouse, pick an area to focus on when you have an understanding of the basics of modern web development.

Many devs resort to Bootstrap or other frameworks when it comes to modal / pop-up windows.
But it's not needed at all. If you would like to learn how to code your own responsive flexible modals, here is my approach.
 
It's been a year since I last had time to make a video tutorial and I got some great feedback from this forum then.
So besides the hope that it can be helpful to many people, I would also appreciate critique, ideas for alternative approaches etc. Thanks
 

I used to think the same, but now after using arrow functions for a long time it doesn't make any difference if there are brackets around the single variable, the arrow itself denotes that it is a function call. Similarly I found concise function calls on object methods confusing to read at first, but soon enough it starts to become a familiar pattern.
 
@@NOCK don't try to learn ES6 all in one go, just learn it bit by bit. This is how I also learnt Sass, as like Sass ES5 is perfectly valid in ES6 so you just can use the bits you know and overtime introduce new features. Start with let and const and once they are comfortable add in arrows or object destructuring and so on.

One thing to note: You will only see 'class' in one component and no createClass. All other components are functional which should always be prefered unless you need to use a components lifecycle hooks or use state. In the case of this App Redux handles all state. In the case where I used 'class' I have to use the componentDidMount() lifecycle hook.
I recommend you do the same. Class is considered an antipattern in JS and unfortunately in my case here React provides no alternative. But they are looking at changing that in future releases...

Ava is a JavaScript unit testing framework, I literally started using it today https://github.com/avajs/ava it is quite minimal and runs unit tests concurrently which means if you've a lot of tests they will run much faster.
 
NYC a command line interface for Istanbul https://github.com/gotwarlost/istanbul which is a test coverage suite. Test coverage tells you how much of your code is covered by your unit tests in the terminal, and it is also configured in my project to output a HTML file inside of /coverage/ that will display the results in a more human readable form.
 
I am sure @@citypaul can expand more being the testing guru that he is

Hey all.
 
I'm building out a project purely for educational purposes, it is yet another todo app, but will have a load of features. The App itself - what it does is kind of irrelevant as it's intentions are to help cement my learning of React, Redux, React-router and how to test such an application with both unit and acceptance tests - where I will be using Ava and NYC
 
I thought I would share the work-in progress repository as I think others can learn from the good things I do in here along with the mistakes I will inevitably make. @@citypaul I am sure you will be able to add some good feedback on how the testing can be improved.
 
 
This is a WIP that I started a few days ago so you can watch how it gets built out. If anybody has any Qs I'll be happy to answer
https://github.com/rbrtsmith/redux-advanced-todo-app

There are a few professional apps for Mac, which are not expensive:
Affinity designer - https://affinity.serif.com/en-gb/
Sketch - https://www.sketchapp.com/
 
These two come to mind first, the below ones are completely free:
Gimp (raster editor) - https://www.gimp.org/
Incscape (vector editor) - https://inkscape.org/en/
 
Hth

Also bear in mind that every company tests candidates differently, I've seen 'junior' roles that expect the knowledge of a senior. Forget these places and move on, my first job didn't test me, we just had a discussion and I showed them annotated code examples from dummy projects I had done. I then offered to demonstrate my ability by taking on a single project.
This won't work at all agencies, because they're all different you just have to play it by ear.
 
I constantly have to look things up on MDN or stackoverflow, even mundane things like forgetting the syntax for a feature or API I've not used in a while.
 
Also the more I learn the more I realise how little I actually know, although this can be seen as a positive, if there was nothing left to learn I'd get very bored with the ensuing monotony.

One of the best JS podcasts, along with JS Air
 
https://devchat.tv/js-jabber/124-jsj-the-origin-of-javascript-with-brendan-eich

I don't think there's much else to it, the same way you can have computed values to reference an object like when chaining:
foo.bar[bam].someOtherProp()
 
A practical example is when you are building up an object with computed keys, like incrementing them or something.

I still think you should spend more time building React Apps though before you delve too much into Redux as you can see from this very handy guide to learning React, it comes in pretty late https://github.com/petehunt/react-howto. (Assuming the Dan Abramhov course is a Redux one...)

It's a computed property.
By using square brackets we're no longer limited to using strings as object keys, we can use variables and expressions etc.

yes I am using destructuring for the argument. An if statement will check the truthiness of an expression. An object is a truthy value. null, which you have used where there is no object assigned is falsy. You don't have to test for an object in your example, just test if the value is truthy or not. Keeps things more concise

const someList = {
value: 1,
next: {
value: 2,
next: {
value: 3,
next: {
value: 4,
next: null
}
}
}
};

const recurse = ({ value, next }, acc) => {
acc.push(value);
if (next) {
return recurse(next, acc);
}
return acc;
};

const newList = recurse(someList, []);
console.log(newList.reverse()); // [4, 3, 2, 1]
 

This looks to be the same as the .bind() function that returns a new function with hard bound 'this' context although it seems pointless as JavaScript already provides such a function on the function prototype.

Yup, but for junior positions at least you can just mock up fake projects, I've found so long as you can demonstrate what you've learnt in a practical way then you should be fine. At the end of the day the employer is simply looking for a return on investment so if you can demonstrate you will give them that you stand a good chance of landing the job.

It depends on whether you just want the data to be available again when a user revisits a site, or if you want to render the app to be usable completely offline. LocalStorage will work in both cases, but it does have a storage limit that varies across browsers.
 
I'd recommend looking at the Service Worker API if you want a completely offline experience, otherwise, if you're just storing things like form values, then LocalStorage is perfectly fine.
 
In both cases, it shouldn't be something your app completely relies upon because browser support isn't there for all features. Service Workers especially should be treated as more of an enhancement.

Yes!

The new version of 'The Good Parts' is up - https://frontendmasters.com/courses/good-parts-javascript-web/. I'm not sure what the changes are, but it was filmed over 3 days. I'd expect some ES6 in there somewhere, especially classes.
 
On a side note, the book that he mentions at the very start called 'Thinking Fast and Slow' is fantastic.

Jafar from Netflix is an insanely good developer. This is a good interview, pretty funny in places.
 

So many smart people in our industry! I was working through Dan Abramhov's Redux course just thinking how stupidly smart he is to have developed this insanely elegant library.

It's really nice.
 
Normally, I'll end up with a single component managing state with around 20 different methods, which can become difficult to maintain. Redux makes this much easier to manage.

I think it's interesting idea! We can add to the playlist not only video about singers. Every one (who wants it) can add it's own video (about him/herself, street, people, working process, playing gitar, rest, video inside office etc). It will WDF discovery. So i can travelling everywhere from home. It will be awesome!
Also it can be youtube channel, where WDF users can put there favorite music and other stuff, for example video from conference.
 
Anyway, i would like to share my favorite blues
 
01 Sweet Little B.B. (Blues Backing Track In A) from Jam Blues II

RIP David Bowie...
 
https://www.youtube.com/watch?v=XXq5VvYAI1Q

It is a sad day today. But the music lives on

Turn away from it all...
 
https://youtu.be/YoDh_gHDvkk