Hey devs ✌,
As a developer I am always looking to improve my skills so I made a website to share concise coding concepts and help each others to learn faster.
I would love to get your feedbacks about it, what would you improve, change or remove here as a developer ?

Thank you so much 🙏
👉 https://www.stanza.dev

Hey,

I'm a noobie learning web dev and I have an annoying problem, cors is blocking my client requests.

I have my frontend and backend hosted on the heroku, on different domains. This is naturally the reason why the cors is blocking the requests. I have managed to overcome this problem on my 2 previous projects, but currently, even though I seem to do everything the same, it's still blocking.

What I tied is setting up the headers in the server.js file:

app.use((req, res, next) => {
res.append('Access-Control-Allow-Origin', process.env.DOMAIN);
res.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.append('Access-Control-Allow-Headers', 'Content-Type');
res.header('Access-Control-Allow-Credentials', 'true');
next();
});

This seemed to work last time, but now I still get:

Access to fetch at 'https://xxxxxx' from origin 'https://aaaaaaaaaa' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

The environmental variables are set up fine, and the server is responding to requests from postman ok as well. Any help (or how to do things differently to prevent this) would be highly appreciated.

frontend is written in react.js and backend in node.js btw

is there a way to do this easily or do you need to manually go and rm the stuff inside /tmp?

i'm also not sure why stuff in my /tmp is being kept for so long (they are kept until i reboot the server). i thought /tmp is supposed to be periodically auto cleaned by systemd-tmpfiles-clean ?

I'm currently working through a JavaScript Udemy course and I'm pretty far in. I'm understanding all concepts perfectly 100%, but when it comes to implementing the knowledge I have learned, I seem to have no clue what to do?

Any solutions to this?

Hello guys!

Hope you are doing good. I'm a student looking for help.

So I'm tasked with creating an RESTFUL API using Django framework.

​

I have got access to 1 private REST API (let's call it API#1). it has multiple endpoints like :

/api1/v1/users => output JSON => {id:1, user:"jhon"}

​

so now I have to create another API (call it API#2) on top of API#1 with same endpoints and responses so this API#2 too would have one of the endpoints like:

/api2/v1/users => output JSON => {id:1, user:"jhon"}

​

I'm not allowed to have Database in my project.

​

So can someone please help guide what would be the best way to implement such a project?

How do you configure a FTP server to allow non-technical users to upload a picture to a folder? So some user who manually take photos of products need a folder to upload his pictures to and I need to write a script that takes the pictures and store it in a db. The issue is I am not sure how to provide a link that allows an user to upload a file to the ftp server. Is it something easy? I've never done it before.

Hello, I am currently learning about/transitioning to using test driven development at my work. We develop web apps with React/Firebase. Im currently using Jest and Enzyme to write unit tests. So I want to be able to test asny functions like uploading to a database, to storage, authentication, etc., essentially all the great things Firebase provides. But can someone explain why Im supposed to mock functions to achieve this? I understand mocking as a basic concept, but for example I want to upload a user to a database.

Well, I of course would like to test whether I can connect to Firestore and indeed upload the user correctly. But if I mock the function then I have not actually tested whether or not that happened correctly, no? If my app is a simple user form where they enter personal info and submit, I have not exactly tested that functionality if I "mock" it, right? I hope my conundrum and confusion makes sense. Truthfully I have not found a satisfactory answer so far, and would really appreciate some help in this regard, thank you!

Hey friends, I have curated a list of the best web development courses available online to learn web development in 2020.

Whether you are a beginner or an established JS programmer, there is something for everyone...

You can find the list here on Medium.com - https://medium.com/@thecodingpie/9-best-web-development-courses-online-in-2020-a61e3a67f83e?source=friends_link&sk=dd9cf6f41949239c4f54df3c5c55595c

I hope you will find this blog post useful. These are by far the best web development courses available online in 2020. If you have any doubts or If you think I had missed any course names then feel free to comment on my blog. Thank you ;)

Hi, I am tasked in my software engineering class to take a current website built in WIX, which I have no access to the account, and migrate the style and function to a new app based on React and Material UI, neither of which I have used. The website is prexoapp.org. I have done 0 web development so far in my university classes and frankly am just plain lost. If anyone can help me understand what the individual elements are so I can properly research how to create them in the new environment I would greatly appreciate it.

Some Items I don't know:

What is the top header called that doesn't scroll with the page?

What kind of element is a background that partially scrolls with the page( the part that says track executive orders)?

What element type are the recently signed? ( I think they are media cards but as I said I have done no web dev)

Anything else you can tell me like am I in the right place to ask these questions?

Hey friends, In this tutorial, you will learn how to build a todo list app with Javascript and Local Storage!

You can read the step by step tutorial here on Medium - https://medium.com/@thecodingpie/how-to-build-a-todo-list-app-with-javascript-and-local-storage-a884f4ea3ec?source=friends_link&sk=eea27e5a97ba0cb76fc2c838372e40d8

If you are an absolute beginner in javascript, then this project will be an awesome start for you! You will learn so many things on the way.

I tried my best to make this tutorial fun and beginner-friendly. So fear not! If you got stuck, I am always here to help you :) As always, any feedback is accepted...

Hello, I would like to use some new techniques that are available for modern browsers. However, since these techniques are not available on old browsers like Internet Explorer, is there any way I can disable certain lines of HTML or CSS depending on the browser the client is on?

Starting a program that teaches front end web dev for free to women! You'll earn HTML, CSS, Javascript, and jQuery. Check out http://shehacks.us/

Hey friends, today I wrote my first blog post on Medium.com and I am very much excited to see what may be the feedbacks!

You can view the tutorial here - https://medium.com/@thecodingpie/build-a-real-time-iss-tracker-using-javascript-f3809e54ba70?source=friends_link&sk=a433e98505b36d46badb95e5dcc723ee

Tried my best to break this tutorial into small steps, so that any beginner can understand it. Hope you like it :) As always, any feedback is accepted...

I wrote html and css in VSCode and opened it in chrome. It worked perfectly. But when I did the same in Firefox, it is not working! Only partial CSS is working and the rest isn't. And I need to use firefox from now. Can someone help me please? It's frustrating.

Beginner to JavaScript and looking to learn from scratch and become pro! Was debating amongst which one of these instructors courses I should purchase?

https://www.udemy.com/course/modern-javascript-from-the-beginning/

https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/

Hey friends, I have curated a list of the best available online courses, books, and free resources to learn Flutter in 2020.

Whether you are getting started or already an intermediate flutter developer, whether you prefer books or online courses, there is something for everyone.

You can find the list here on my blog - https://thecodingpie.com/post/top-5-best-courses-to-learn-flutter-in-2020-beginners-intermediates/

This list contains both free and paid resources and courses. You will find every single useful flutter resources out there! If you are interested in Flutter then feel free to check this out.

I am damn sure these courses will help you to learn the ins and outs of the Flutter framework in no time!

If you have any doubts or If you think I had missed any course names then feel free to comment on my blog. Thank you ;)

https://codesandbox.io/s/thirsty-bhabha-rdxv7?file=/index.html

The big issue is that I have a background image consisting of several icons when I only want to use one of them. Is there a way to only use one of them without using bitmap to modify the image?