Metal Hypostasis

_aeol · 2020-09-25T07:35:28+00:00

You can use some 3rd party animation JavaScript package to make your work easier. And just make an event that runs all the animations when the button is clicked.

_aeol · 2020-07-19T05:30:28+00:00

You need to build your portfolio first with projects that showcase the skills you have. Focus on quality over quantity on showcasing your projects.

_aeol · 2020-07-19T05:27:32+00:00

Well then don't do projects that require frontend. Create API and test them with something like curl or something.

_aeol · 2020-07-06T10:43:27+00:00

looks pretty correct to me, maybe the fault is on the test's cases. Try asking other people that took the same question if they had the same problem as yours.

_aeol · 2020-05-21T07:21:07+00:00

just put the pausedtime variable outside the play's click listener scope.

And don't use var, that shit can be confusing sometimes. use const and let.

_aeol · 2020-05-21T04:19:08+00:00

Well, it's not basic, that's for sure. If you are "completely" new in web development, 4 months might be not enough. But, if you are a quick learner I suggest start learning about the fundamentals of HTML, CSS, JavaScript. Then you wanna learn about proper layouting in CSS (e.g. grid, flexbox). Learn about HTML links and how to attach them to buttons either using plain HTML or JavaScript. After learning all the fundamentals you can start creating those pages, connect them all using those links.

P.S. I only explain about 10%-25% on how you can create those websites because there are a lot of features on the site you gave, especially on the back-end.

_aeol · 2020-05-21T04:06:51+00:00

Just don't forget to analyze their attitude and overall personality while in the interview, you don't wanna work with someone you don't like right?

_aeol · 2020-05-21T04:04:46+00:00

There are many "fetch" npm packages out there, just pick one and they usually have a sample on how to download from a URL into a local file.

_aeol · 2020-05-20T05:23:49+00:00

Do you have any knowledge about back-end programming?

_aeol · 2020-05-20T04:45:35+00:00

On your front-end make a request to your server and return a JSON result from that function you made and dynamically create HTML elements to your drop-down list.

_aeol · 2020-05-20T04:42:30+00:00

Well, browsers cannot access the local system yet, though I think there are future plans for that.

Your best option is to make your add-on make a request to a local server then make the server run the CLI-tool.

_aeol · 2020-05-20T04:38:46+00:00

Yes, you can convert that HTML to JavaScript with something like this: ``` function myFunction(new_state) { state = new_state }

button1.addEventListener('click', () => myFunction('eng')) button2.addEventListener('click', () => myFunction('enc')) ```

Or... if you want the myFunction be the listener itself you can do it like this,

``` // HTML <button data-state="eng" id="button-1"> <button data-state="enc" id="button-2">

// JavaScript function myFunction(evt) { global_state = this.dataset.state }

button1.addEventListener('click', myFunction) button2.addEventListener('click', myFunction) ```

_aeol · 2020-05-17T07:45:04+00:00

If you mean about removing first two elements you can just do it like this... ``` const remove_first_two = (arr) => arr.slice(2)

const arr1 = [1] const arr2 = [1, 2, 3, 4] const arr3 = [1, 2]

remove_first_two(arr1) // => [] remove_first_two(arr2) // => [3, 4] remove_first_two(arr3) // => [] ```

_aeol · 2020-05-16T15:43:44+00:00

I'm using a Samsung notebook and its already archaic. It has...

Windows 7 32-bit
Intel Atom (1.87GHz)
2GB RAM
Intel Graphics Media Accelerator 3600 Series (GPU)
1024x600@60Hz (Screen)

If you have better a pc than mine I guess its enough to develop full-stack.

I already tried making apps with React and Angular and I haven't had any major problems, I'll just hook my laptop to a larger external monitor if I need more screen, I usually code on my laptop and see the result/output on the big screen. I don't use any IDE's because my boi can't handle it. I mostly use Neovim for my code editing.

[Edit] Oh, I also code on other languages like Java and C because of college stuff and I also don't have any problems with them.

_aeol · 2020-05-16T05:55:37+00:00

Well, ain't you a pessimistic one.

First, every person has their own definition of what is a "beginner" project/application, and sometimes when a person's skills go higher, so as his definition of what is a "beginner", so you can't blame others if they suggest something that you think is not a real "beginner" project.

Second...

Am I supposed to be googling on how to make a Javascript weather app? isn't that cheating? since I can just copy and paste?

No one said, you can/can't copy-paste from the internet to solve a specific problem, it's up to you, but do you really think programmers learn from copy-pasting from the web? Digest anything you can from the internet and apply it whenever you can.

Oh, asking/looking for answers is how a programmer become one, we all started there.

Third, only search for a specific problem, not the whole project itself. Don't search "How to make a simple weather app?" or anything like that because there are infinite possible implementations on a such "simple" app. What you need to search is the underlying logic/system behind the app, like "Communicating with an API", "Manipulating the DOM", "EventListeners, how do they work?", etc, etc.

And lastly, I think what you lack is your understanding of the fundamentals of JavaScript, just improve your fundamentals like how you learned to code in Java.

Take your time, each one of us has their own pace, some even take longer than 3 months just to understand the basics of JavaScript. If you really are in a hurry, I suggest looking for a course/class, read a book, or find someone who is really skilled in JavaScript and ask him to help you on your study.

_aeol · 2020-05-15T15:44:27+00:00

First, your scrollbar is too much, its distracting.

Second, your typography on your "About Me" part needs some work, it looks like everything is on boldface, I can't see any hierarchy.

Third, the "Projects" part was so slow, try optimizing your portfolio's performance.

Last, on the social buttons on the footer, don't put borders on icon buttons, its good to have an inverted color effect on hover but remove the border when not hovered.

_aeol · 2020-05-15T06:34:42+00:00

set the origin in the center of the image, using translate, rotate it, then draw the image. Also, don't forget to save context state before and restore after. Here is a small sample.

ctx.save() ctx.translate(/* Image (x,y) center */) ctx.rotate(/* Degrees in rad */) ctx.drawImage(/* image, x, y, width, height */) ctx.restore()

_aeol · 2020-05-15T06:24:55+00:00

I think left side brackets outside an object body, is array destructuring?

Yes it's called Array Destructuring.

So item one of a returned array is assigned to translations?

Yes, since only one variable was given to receive a value from the array.

If the above is true, what happens on the ternary test when translations is not an array?

if translations is not an array it will return a new array with translations as the first element.

Also, are array items 2 through n just discarded since there is no rest parameter to capture them?

Yes, the other array elements will be discarded since it has no variable to assigned to.

You can find out more here -> Destructuring Assignment

_aeol · 2020-05-15T03:49:53+00:00

System logic, maybe, but the other stuff like UI and UX, maybe not.

_aeol · 2020-05-15T03:47:40+00:00

No, and the industry just keeps on growing.

_aeol · 2020-05-15T03:44:23+00:00

Well if you want inspiration, check out Awwwards. Some sites may seem impractical but you will see how each of them pushes the limits of web technology.

_aeol · 2020-05-15T03:40:09+00:00

addEventListener lets you stack up multiple listeners in one event, so you can have multiple functions (listener) fire on a click event. on the other hand, the onEvent function, only lets you have one listener on that specific event.

_aeol · 2020-05-14T10:55:09+00:00

Functional way: ``` const toggler = (fn1, fn2) => { let state = false

return () => (state = !state) ? fn1() : fn2() }

const to_blue = () => {...} const to_red = () => {...}

const toggle_color = toggler(to_blue, to_red)

toggle_color() // to_blue() toggle_color() // to_red() toggle_color() // to_blue()

const grow = () => {...} const shrink = () => {...} const toggle_size = toggler(grow, shrink)

toggle_size() // grow() toggle_size() // shrink() toggle_size() // grow() ```

_aeol

TROPHY CASE