• Breaking News

    Wednesday, September 1, 2021

    Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread web developers


    Monthly Getting Started / Web Dev Career Thread

    Posted: 01 Sep 2021 05:00 AM PDT

    Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

    Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

    Subs dedicated to these types of questions include r/cscareerquestions/ for general and opened ended career questions and r/learnprogramming/ for early learning questions.

    A general recommendation of topics to learn to become industry ready include:

    HTML/CSS/JS Bootcamp

    Version control

    Automation

    Front End Frameworks (React/Vue/Etc)

    APIs and CRUD

    Testing (Unit and Integration)

    Common Design Patterns (free ebook)

    You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

    Plan for 6-12 months of self study and project production for your portfolio before applying for work.

    submitted by /u/AutoModerator
    [link] [comments]

    Web Development is so forgiving

    Posted: 01 Sep 2021 12:25 PM PDT

    I'm a bum that doesn't know shit but ever since I started doing Front-end Dev I've been so happy and been able to have something that keeps me motivated and on a grind. Honestly, if it wasn't for this coding shit I'd just be another guy with a useless master's degree but damn I actually feel I have found something that I am passionate about. P.S I'm drunk but I fucking love Front-end Dev. Everyone is different but I personally believed you could not find a job you like but I feel this shit would be so much fun!!!!!!!

    Edit: Guys I am sorry for my English and that I posted this stupid thing

    Brrr!

    submitted by /u/PepeKepler
    [link] [comments]

    How it get a layout like this with Flexbox? I have the layout just like this but can’t get the images to touch like in the design they stay a few centimetres away from each other. (Newbie here)

    Posted: 01 Sep 2021 12:37 PM PDT

    Is PHP outdated?

    Posted: 31 Aug 2021 09:26 PM PDT

    So... I have this teacher who always finds an opportunity to trash on PHP. It became sort of a meme in my class. He says that it's outdated and that we shouldn't bother on learning it and that the only projects/apps that use it are the ones who were made with it a long time ago and can't be updated to something better.

    I recently got an internship doing web development (yay!). They gave me a project I will be working on. Right now I'm on the design phase but I just realized they work with PHP. Obviously, at this point I have to learn it but I'm curious on whether I should really invest my time to really understand it. At the end of the day I do want to be a web developer in the long run.

    I'd like some input from someone who maybe works with web development already, considering I'm just getting started. But still, any comment/help is welcome :)

    Edit: Thanks everyone who responded! I still working on reading everything.

    submitted by /u/The_Callattar
    [link] [comments]

    How does figma help developers?

    Posted: 01 Sep 2021 12:18 PM PDT

    And many more questions ......

    So Figma makes it easy to design and implement right? & with the copy css feature now it's easy to make your designs actually somewhat to look as you designed.

    BUT HOW?? for example i made a webpage with hamburger icon to the top-right . In Figma it is aligned 250px from left, 50px from top. Like it is Just the placement / location on the artboard

    While developing i would use Flex & space between etc

    and much more such cases. Sometimes you need A div wrapping another div..., scroll reveal , ....etc etc

    On top of it It has to be Responsive.

    So what/how do UI UX designers communicate to developers ??

    I want to know how does this industry works?

    Is the UI UX teams job , just to make a Painting, An idea and Hand it over?

    And then the Real work is done by developers ? to make it moving , to make it working on all devices ...To make it a Reality?

    thanks.

    submitted by /u/quarius12
    [link] [comments]

    What front end framework(s) are suitable for relatively large web applications? (>500 pages)

    Posted: 31 Aug 2021 07:47 PM PDT

    Hi, I'm currently the lead of a team in charge of a legacy application written as a c# monolith. It uses .Net webforms and plain html with front end and back end code interwoven throughout. While I am content to have the backend remain c# for many reasons (the most major of which is current team skill set), what front end frameworks would you suggest to rewrite a ~ 600 page application? I am mostly concerned with the volatility of the developer experience (rapid breaking versions, brittle highly nested dependency chains, difficult debugging), efficiency of the application at scale, security, and dependability (will it still be supported in 5 years).

    The application is not very dynamic outside of simple field value type validation. Most complex logic resides comfortably on the server. I would prefer advice from direct experience, as I am familiar with Vue, React, and Angular from hobbyist experience, but no t enterprise experience.

    submitted by /u/a_flat_miner
    [link] [comments]

    The Many Interfaces of JavaScript and React

    Posted: 01 Sep 2021 11:33 AM PDT

    Microsoft automagic strikes again.

    Posted: 01 Sep 2021 11:24 AM PDT

    I just wanted to briefly vent by saying I spent the last hour or two pulling my hair out trying to diagnose attribute routing issues in a dotnet 5.0 API controller.

    When I first started learning MVC, dotnet core, etc., I picked up the habit of ending the names of my controller actions with "Async" due to some guides and tutorials using a similar naming convention for asynchronous methods.

    I had no idea there was a reason for that. Apparently, when you use action token replacement for routing attributes, "Async" is automagically removed from your generated URLs, much like how "Controller" is removed when replacing the controller token. While Microsoft conveniently implies the latter functionality in its article on Routing to controller actions in ASP.NET Core, it completely omits mention of the "Async" removal.

    Another one of those features that is maybe nice once you know about it, but until you do, it walks and talks like a bug, so it obviously looks like a bug, and so you end up searching and searching for bug-related content when the real answer is somewhere else entirely. I only figured out this one once I reached my wit's end, took a step back, and said to myself "is the solution really this dumb?" and tried removing "Async" from my requests' URLs.

    Anyway, hope this helps at least one other person avoid the stumble. Happy Wednesday!

    submitted by /u/CrimsonKing1990
    [link] [comments]

    Do I need to bother with an app?

    Posted: 01 Sep 2021 06:09 AM PDT

    I've built a sweet SPA without using any frameworks, so it's all DOM manipulation, which makes it really fast and responsive. Even my 7 year old phone runs it without major performance issues. I even baked in animations, gestures, live chat, notifications and even a pseudo-tab system.

    Why should I not just push it into PhoneGap or Cordova? It feels alright, performs good and gets the job done.

    submitted by /u/CultOfTheDemonicDoge
    [link] [comments]

    Building a CMS for my Client in 3 days

    Posted: 01 Sep 2021 01:41 PM PDT

    Hello

    I really need your help guys.

    My client wants a CMS to manage the content on his website, he basically used to edit raw HTML to add new content or modify content on his website which is hosted using Netlify.

    The HTML, CSS and JavaScript of the website is already made and ready to go, all I need is a CMS with a panel to handle all of this, my options are the following:

    • Using Django I can implement the whole project and create models for each type of data and let the client use Django's admin dashboard, but that still requires time and 3 sleepless nights.
    • Using Strapi to build an API and getting the data using the fetch api.
    • Using Netlify CMS to achieve what I want.

    Which one is the easiest to pull of in 3 days?

    Or I am simply screwed?

    submitted by /u/iEmerald
    [link] [comments]

    How to handle brute force attacks?

    Posted: 01 Sep 2021 07:00 AM PDT

    I've read dozens of articles not to use cookies or sessions, and that querying against known users in a database will help attackers find legit users.

    I'm trying to avoid using recaptcha on the log in form for the first 2-3 attempts as well.

    So how can I prevent brute force attacks?

    Here's some ideas I came up with, but leaves quite a few areas open for concern.

    1. If a username matches but comes from a new IP, send email with a 6 digit code. If code and password work, add that IP to the database. That IP is valid for 30 days and resets the time whenever THAT user logs in within 30 days (or set amount of days). The user can view login history and remove records. Maybe offer a check box that you are on a public network to not record "safe IP".

    2. If a username matches, but login fails. Record IPs, after 3rd attempt show captcha, after 5th attempt lock out account for 5 minutes (or set amount of time). However, if the real user tries to login from a known IP, send a verification code via email, and the account will be unlocked and let in. This prevents the user from having to wait 15-30 minutes or so.

    3. If username doesn't exist, how to handle this? The attacker will know something different is going on. I could potentially log #2 with the fake names but that database table can grow very large quickly. Although this could allow me to do global rate limiting (ie 250 logins every 5 minutes).

    submitted by /u/macboost84
    [link] [comments]

    So people tell me my website looks like crap any advice?

    Posted: 01 Sep 2021 01:31 PM PDT

    they have a point, i never really learned how to design frontend but i thought i did a decent job.

    apparently that's not the case, the whole UI/UX is among the worst they have ever seen

    it's called https://paywalls.io

    submitted by /u/Greenyyr
    [link] [comments]

    Questions to veteran developers

    Posted: 01 Sep 2021 03:36 PM PDT

    Student here (21yo) aspiring to become a developer but still new , whats the reason companies keep web developers hired after they finish their due project? And what are the most requested projects that webdev's are asked to do?

    submitted by /u/Katarina2020
    [link] [comments]

    An easy to use tool to model relational SQL databases?

    Posted: 01 Sep 2021 09:50 AM PDT

    I find the MySQL workbench GUI for modelling schema for databases very user unfriendly. Are there any tools out there that make modelling schemas an easy task, and don't command crazy enterprise prices?

    submitted by /u/BigBootyBear
    [link] [comments]

    What's the best architecture for communication between a localhost React GUI and local Python app?

    Posted: 01 Sep 2021 01:20 PM PDT

    I'm trying to remake a PyQt5 GUI using JavaScript for a large Python project I maintain - can anyone recommend some good projects / articles / tutorials to look at for reference?

    I'll have a React app served using FastAPI displayed in a standalone window using pywebview which communicates with Python over localhost. It would also be cool if I could somehow generate TypeScript types from my Python classes instead of redefining them, and have my Redux store and Python data store schemas be identical where possible.

    This will involve intimate bidirectional data flow (my app state will include multiple spreadsheets and I'll need to keep track of which one is active, table cell data values, cell range selections, etc), so I'm wondering what API architecture makes the most sense to use for this?

    • REST API
    • Sockets
    • GraphQL
    • Call Python methods using pywebview's expose (example)
    • Other?

    I'm leaning towards communicating GUI events (menu clicks, cell edits, etc) to the backend using a REST API and responding with updated app state, and using a socket to notify the frontend of events that originate from outside the GUI like progress bar status, programmatic data edits, etc.

    This is the project FYI: https://github.com/adamerose/PandasGUI

    submitted by /u/UglyChihuahua
    [link] [comments]

    What's the best way of deliver a website to a client? Freelance

    Posted: 01 Sep 2021 01:20 PM PDT

    I start by saying I don't have a client yet, I'm building my business website and I'm going to host it with Firebase and buying the domain at cheapname, or maybe google domains, I'm not sure. Anyways, when the times comes and I have a client, how should I proceed? should I ask him to make a Firebase account and buy their domain and I just send him the folders? should I ask for his account? is it any other hosting website that's better for this?

    Please don't be harsh, I know it's kinda dumb of a question, I googled this but I can't find exactly what I'm asking, what if my client is a local store from my town, owned by an old lady? I want to be as professional as possible.

    I'm pretty pretty new at this, I have a website hosted in firebase that I build for my girlfriend, super romantic and all. But I don't know anything else about firebase, can I host unlimited static websites? is it good to do it this way for clients? like, can I host all the website for my clients with my Firebase account?

    submitted by /u/tom_varela
    [link] [comments]

    How much JavaScript I need to start with Angular2.

    Posted: 01 Sep 2021 12:55 PM PDT

    Hi, I am a backend java web developer mostly working with spring framework. I recently had the idea of starting a new path on the frontend side of web development. I know a bit about HTML and CSS but almost nothing about JavaScript.

    My goal is to go to the popular Angular because there is more job opportunities around me as a Java developer.

    So my question is, how much JavaScript I need to know to start with Angular ? And if you should name some core javascript concepts to focus on, what would they be ?

    Cheers

    submitted by /u/zelm0t
    [link] [comments]

    Tips to make a purposefully vulnerable website to XSS attacks

    Posted: 01 Sep 2021 12:37 PM PDT

    Hi, I was working on making a website by myself. As a part of the website, I want to go through the process of testing and making protections against XSS attacks and such. I am using GitHub Pages as a host and was wondering if that would cause any problems with what I am trying to do. If not, some tips or links to aid with the development of this project are welcome.

    The main idea of this is to have a search bar type of thing, which I could use to execute a vulnerability. Then from there I would work on patching and finding different types of vulnerabilities.

    submitted by /u/yaawert
    [link] [comments]

    Responsive page layout: flexbox or grid?

    Posted: 01 Sep 2021 03:46 PM PDT

    I am brushing up on modern CSS and want to know the recommended way to build mobile first/responsive layouts. I know floats are the old way, and I am pretty familiar with flexbox. But for complex layout should I be using grid?

    submitted by /u/la712
    [link] [comments]

    Website for Myself

    Posted: 01 Sep 2021 11:43 AM PDT

    Hello all. After glancing at the first few posts, this is probably a super nube-ish question. I don't know anything about web development (although I am an engineer, so I am very familiar with formulas and coding) and I am not sure what I'm really wanting/needing, but I'd like to do my best to explain it and hopefully someone can give me some direction. Essentially, I want a website to use to organize and unify different aspects of my life - and one that I can access from anywhere with internet. I want to have my budget spreadsheet, pictures from my phone, a calendar of things I have going on, and other things if possible. I will list what I'm wanting specifically in this website below.

    1. I prefer it to be free. I don't care what the domain is or anything like that. This is just going to be for me to use.
    2. I want to have to type in a password before entering the website. I also want it to be somewhat secure, I think.
    3. I imagine widgets on this site. Like once I log in, there will be squares of things I can click on. If I click on one square, it pulls up my budgeting spreadsheet within the site (like I would like to still see the website at the top, just working on the spreadsheet within it). If I click on another square, it pulls up pictures from my phone that I have uploaded within the site (idk how much storage it would have or need). If I click on another square, it pulls up a calendar that I can edit (and one that would preferably sync with an email calendar). Things like that. It would be super cool if I could have stuff like Facebook and my bank accounts on there as different widgets, and when I click on each, it would pull up my accounts within the site (again, I don't want to redirect, I'd like to still see the site at the top, just like a mini-sized site within it if that's possible?).
    4. I would really prefer for widgets to be able to be side by side with each other when pulled up. Like maybe when I open the Facebook widget, it pulls up on the right hand side of the screen, and then when I click the "notes" widget, it pulls up to the left.

    I have a work email and a personal email (which is actually an old school email so I'm not sure how long I'll have it). I know I could do a lot of this just through Office, but due to me having important stuff on two different emails, plus not being able to do everything I'd like, I prefer not to do that. I always close out and open a million tabs open on my computer every day to check my things. I am looking for simplicity. Does something like this already exist? If not, can I create a website for it fairly easily and for free?

    submitted by /u/princessp15
    [link] [comments]

    about to get my first client for web dev need help choosing tech stack

    Posted: 01 Sep 2021 11:37 AM PDT

    So I need to make a website for a tatoo artist with no coding/technical background. I really want to make it in react/ node.js (that is what I am most familiar with). But I am wondering if I should just bite the bullet and use wordpress. Thoughts?

    submitted by /u/Code7777
    [link] [comments]

    Gatsby of Next.js?

    Posted: 01 Sep 2021 03:04 PM PDT

    A bit of background first. Long time front-end dev here, but lost touch with the latest trends and techniques since moving over to UI and Product Design. My education background is on visual design, and have been working on mobile and web apps UI for many years.

    As for the web dev side, I'm perfectly comfortable writing plain CSS and HTML (Some JS as well), so for the past couple of weeks I've been studying up and getting myself back on track with more modern build approaches (React, TailwindCSS, etc.).

    However, I'm still undecided on which React framework to use for SSR websites. Should I go with Next.js or Gatsby? They seem very, very similar.

    I have a few other concerns about building sites this way, as every single tutorial I've come across either works on a single page web app or a very small (2-3 pages) website. My question here is, how would you handle a corporate website with several dozen pages? Is it even possible to create multi-language sites this way? I would assume all the content wouldn't be hardcoded and instead fledged out in JSON files or some sort of NoSQL DB.

    Anyways, I'll start out small with work my way up. Again, not a newbie (just outdated).

    submitted by /u/Advanced_Path
    [link] [comments]

    How to extract data from another website to use it with Javascript?

    Posted: 01 Sep 2021 02:54 PM PDT

    So basically I am making a website with HTML and JS. And I need to get some data from another website to use those numbers etc. and do some calculations with them in JS and then display it on my site.

    I got no idea how to do any of the extracting, what programs to use etc.

    Any help or tutorials etc. would be appreciated :)

    submitted by /u/Utku_Yilmaz
    [link] [comments]

    Green hosting for websites, emails and eCommerce - any recommendation/feedback?

    Posted: 01 Sep 2021 02:51 PM PDT

    Hello fellow developers,

    Seeking to have as little impact on the environment as possible, I'm looking for a green hosting for my personal/projects websites and corresponding emails and possibly one online store (if the idea takes over, I'm aware that I might need to move it to a different setup).

    I don't have any experience when it comes to managing a server and little to no time to learn how to do it properly so I was looking for a shared hosting or a managed VPS (never had one so I'm not sure if there's something that I need to manage).

    Some of these projects could be either API's or headless cms so supporting NodeJS is quite important but not necessarily required.

    I've hosted websites in Vercel and Netlify due to the easy deployment from Github/Bitbucket but, since I really need to host emails and I guess these services are not that green, they're not a good option.

    Based on these requirements, I was considering either GreenGeeks or A2Hosting but I would like to check with the community what's your recommendation/feedback of these hosting services or any other.

    Thank you in advance.

    submitted by /u/MAD-PT
    [link] [comments]

    Best resources to study HTML / CSS / JavaScript in the 7 weeks prior to starting a (web dev, full-time) bootcamp?

    Posted: 01 Sep 2021 02:41 PM PDT

    I want to study these concepts without the learnings being too redundant vs. my bootcamp curriculum. The bootcamp spends about 3-4 weeks on JavaScript and React.

    If I had 6+ months, I would simply jump into one of those mega-courses like Odin Project or App Academy Open, but given the time constraint, what would you suggest I study for the next 7 or so weeks? I can commit 50-70 hours per week. Would those mega-courses still be the best choice or should I just brush up on HTML / CSS / JavaScript concepts separately? Which resources would you recommend?

    Going through previous posts, this seems to be a great JavaScript source that takes quite some time to go through: The Modern JavaScript Tutorial So I was thinking of maybe dabbling with HTML / CSS for a week or two (is there a source you'd recommend? I used w3schools many years ago but seems basic) and then spending any remaining time learning JavaScript via that tutorial. Does this sound like a good plan? What would you recommend?

    Thank you!

    submitted by /u/anon333777
    [link] [comments]

    Experiences with Fiverr

    Posted: 01 Sep 2021 10:47 AM PDT

    I'm currently finishing up a full stack bootcamp with CareerFoundry. I'm not quite ready to start my job search and am looking for ways to earn some money developing while I finish my last few projects and start my job search.

    What are you experiences with Fiverr? Are you able to make enough to justify time put in? Any suggestions for getting started?

    Any input is appreciated. Thank you!

    submitted by /u/yowzas648
    [link] [comments]

    No comments:

    Post a Comment