• Breaking News

    Tuesday, September 1, 2020

    Home Unlabelled Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread web developers

    September 01, 2020

    Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread

    Posted: 01 Sep 2020 05:11 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]

    Taking an introductory web development course, and spent 20 minutes wondering why my hyperlink to the Menu page wasn't working.

    Posted: 01 Sep 2020 02:33 AM PDT

    What tool do you recommend for front-end engineering planning?

    Posted: 01 Sep 2020 12:50 PM PDT

    Hello!

    I'm wondering if you guys use any tool in particular? I'm not looking for UI/UX tools, but rather a tool that I can use to layout component logic, what functions go where, data flow, etc. Is there anything you recommend?

    Thanks!

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

    nolibs - html, css, and javascript, no libraries

    Posted: 01 Sep 2020 09:58 AM PDT

    Where can I find resources and lessons on how to build a complete front & back end solution WITHOUT using frameworks?

    Posted: 01 Sep 2020 09:04 AM PDT

    A little background -- I started learning "computering" a few months ago and got hooked. I can say now I'm decently fluent in JS, CSS, HTML, and Python.

    When I moved on to build a real site with apps, all the online schools I'm with (freeCodeCamp, Codecademy, Udemy, EdX, etc.) taught one framework or another (react, node, flask, django, etc.).

    Thing is, the more I fiddled with these, the more I realized I want to learn http and how the "internet works" for real instead of learning some nonsensical commands that mean nothing to me but just spits out "magic" that I don't really understand.

    So, I set out to find a good course on this but, so far, not so good. Do you have any that you would recommend as well-written and well-taught, along with clear, educationally-driven exercises?

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

    How to add non-Wordpress site to Siteground with cPanel and FTP?

    Posted: 01 Sep 2020 01:38 PM PDT

    My client simply wants me to upload the simple website she made (index.html and a few other files) to my server on Siteground using a preexisting domain that's been on the server for months. I figured this could easily be done via FTP or the file manager in cPanel. Am i correct with this assumption?

    I recently added the files via FTP, but the website's still down with an error that reads: "This site can't be reached

    thespinlizard.com's server IP address could not be found.

    DNS_PROBE_FINISHED_NXDOMAIN"

    I recently change the domain's nameservers (about 36 hours ago) so maybe that's the reason for the error. Any ideas?

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

    Created an embeddable widget, but it inherits the CSS from the site it is embedded to. Need help

    Posted: 01 Sep 2020 01:03 PM PDT

    I created a chat like widget. I've used unique class names. However, after embedding the JS, it inherits the CSS from the website it has been embedded to. It messes up the widget. It is not into an iframe and I need it not to be put into an iframe. How can I prevent this? I've tried cleanslate CSS but it messes up even more.

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

    Is SaaS per user pricing based on created or active user?

    Posted: 01 Sep 2020 04:18 PM PDT

    Let's say for 10 users...

    Can there be only 10 users in the database...

    Or, there can be 50 users, but only 10 can use the app at the same time, meaning someone has to logout, for another to use the app?

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

    First impressions of Github Codespaces

    Posted: 01 Sep 2020 02:38 AM PDT

    I need to hosting options please help

    Posted: 01 Sep 2020 03:54 PM PDT

    I recently bought a domain and I want to make a website that displays a single image. I know enough HTML to do this I just don't know where to host the website. Does anyone know a good hosting solution that would be under 10$ and can be paid with paysafecard. I only need this for a month although a year would be preferable. Sadly I can't really buy a raspberry pi and just host it of that. If I could I would.

    submitted by /u/0Storm
    [link] [comments]

    I made a website which generates wallpapers !

    Posted: 01 Sep 2020 06:36 AM PDT

    How Stripe designed and developed their interactive globe

    Posted: 01 Sep 2020 10:56 AM PDT

    Extending WordPress with React SPAs is actually pretty smooth

    Posted: 01 Sep 2020 07:58 AM PDT

    Hey /r/webdev,

    I wanted to share some "experiment" I did with WordPress and React. I quite often get the call for some extended functionality in legacy CMS systems. Most of the time I'm tempted to be scared away – but I wanted to try if you could just put a React App into Wordpress and make it work together.

    Some examples would be Special Interactive Landing-Pages, Frontend-User-Systems, Product-Configurators, Complex Multistep-Forms, asynchronous Fetching from external APIs, you name it. jQuery is fine for small dom manipulations but fails to be great at components with bigger scope.

    I build some really simple react Apps with Create React App to show that they work perfectly fine in a simple WordPress Site with a plain, out of the box Bootstrap-Theme.

    Base Example: https://testend.westhofen.me/

    Routing & Fetching: https://testend.westhofen.me/advanced-example/

    Todolist with Firebase Auth: https://testend.westhofen.me/todo-example/#/

    Realtime Chat with Auth & Firestore: https://testend.westhofen.me/second-todo-test/#/chat

    Some cool things that I learned while building those:

    • Routing and even Deeplinking works perfectly fine if you use HashRouter
    • You can just import your remote stylesheet locally if you use a library like bootstrap, this enables pretty consistent styling and works great out of the box (like you see in the example)
    • if you want to use WordPress data, it's easy to fetch the Rest API
    • Firebase Auth works throughout all Apps, since it's data is stored locally for the domain and you stay logged in, so even if you use LocalStorage yourself, it will work.

    Some things to consider:

    • I got it working like that with Create-React-App, other boilerplates might be more complicated. I sticked to CRA because it gives me nice development experience, while basically not having to customize anything at all.
    • There might be styling conflicts if you have a local stylesheet, so it's always nice to import the remote stylesheet for testing.
    • BrowserRouter doesn't work on refresh, so I would stick to HashRouting for those applications. You might be able to address this with some htaccess/build config, but in most use cases this might be overkill.
    • The approach I took loads the whole bundle, which may be inefficient – it depends a lot on what the purpose of your application is, if this is adequate. There might be a approach to outsource some assets to CDNs that are loaded regularly, but that's not my expertise.
    • This will probably not work great for SEO relevant Content, but I'm not sure what a Google Bot sees on those pages.

    How it worked for me

    • I decided from the get go, that iframes were not the solution. You have to resize them, it's hard to share information between them and imo. they are not a great experience for users.
    • So at first, I wrote a Wordpress function in my theme that allowed me to include the build html file via Shortcode. Since that didn't work out of the box and you have to make some adjustments to Webpack config for that to really work I changed my approach – I didn't want too much time on every app and change the config for every app I build.
    • I changed it to using PHPs DOMDocument, read the HTML File, replaced the paths, enqueued all the styles and scripts, echoed the inline script (replaced the path there) and the root-div, all in PHP.
    • To make it even more accessible, I wrote a plugin that just allows me to upload the build.zip and just use Shortcode within a page/post. (if you want to try it out, here is the source: https://github.com/groev/wp-react-app-importer – beware that this is alpha alpha and probably not production ready since it's not fully documented and tested.)

    All things considered this "experiment" kinda opened my eyes, that there are some opportunities to combine legacy systems with modern frameworks, without having to customize a lot in both systems. It doesn't always have to be this or that, it can be both and pretty easy to build.

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

    What technologies are considered to be modern and easy to use to create a 2D line drawing application

    Posted: 01 Sep 2020 01:53 PM PDT

    I'm tasked to create a 2D drawing application with 0 experience in JavaScript or computer graphics. The application will basically let the user draw lines that conform to some rules over an image. The coordinates of these lines will then be sent to the server to be processed. What technologies I could use for a simple application, that are modern and easy to grasp for a kernel developer?

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

    Tiny Slider nav dots turn to ovals on phone (but not on devtools emulation)

    Posted: 01 Sep 2020 12:46 PM PDT

    This is driving me nuts because I only see it on my actual iPhone. It doesn't happen in dev tools. The little navigation dots have been styled as 16px wide and 16px high, 50% border-radius. Looks fine on all my mac browsers, including Edge, Safari, FF and including mobile emulation.

    On my phone, they turn into wide ovals. I don't know how to figure out why. Is there a web inspector that works on an actual mobile device?

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

    Custom CSS Styles For Form Inputs And Textareas

    Posted: 01 Sep 2020 06:39 AM PDT

    Download HTML of a "inpect element webpage"?

    Posted: 01 Sep 2020 08:30 AM PDT

    Hi,

    I think I should start with mentionning that I know nothing about web developping and couldn't really find what I wanted online.

    I wanted to modify a web page with inspect element to make a present for my father but when I change the text and the pictures and download the HTML files, none of the modifications are present in the page I opened thanks to the HTML. The new pictures are in the folder though.

    My goal would be to then use these files to make a fake web article about it.

    I was wondering if someone knew a way to do this.

    Thanks!

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

    When does a new table actually get created after "dotnet ef migration"?

    Posted: 01 Sep 2020 11:37 AM PDT

    I working my way through Adam Freeman's book "Pro ASP.Net Core 3". Early in the book, we create a SQL Server database named "SportsStore" and use "dotnet ef migration add Products" to create a table named "Products". That's the only user table in the database until charger 9, where we create an Orders table. Or at least it's supposed to be created. A class named Order is created and an object named Orders is added to the DbContext. Here's the DbContext class:

    namespace SportsStore.Models { public class StoreDbContext : DbContext { public StoreDbContext(DbContextOptions<StoreDbContext> options) : base(options) { } public DbSet<Product> Products { get; set; } public DbSet<Order> Orders { get; set; } } }

    We are asked to create a migration for this new table by issuing the command "dotnet ef migrations add Orders". That command succeeded. I then used SQL Server Management Studio to look at the SportsStore database. It only had the Products table. I guessed that maybe the table isn't created until the first time the updated applications runs, so I ran it. Still no Orders table. When should that table get created?

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

    Lazy question: Should I point multiple domains at a single site?

    Posted: 01 Sep 2020 11:34 AM PDT

    Sorry folks, /r search is pretty poor so I took the lazy route.

    I have heard multiple and conflicting stories on this one. I snatched the domains to avoid anyone else grabbing them so don't mind parking them into oblivion if that is more intelligent than using them.

    Thanks!

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

    Help with my website basically this white block has appeared and there is no div where it is meant to be. I have set every class which it could be to translucent and yet it is still white. how can I fix it?

    Posted: 01 Sep 2020 11:18 AM PDT

    Help with fixed position

    Posted: 01 Sep 2020 10:13 AM PDT

    I've been surfing the web for a couple of hours and I can't seem to find the answer to this question.

    https://teetran.com

    I really like how this website is able to have a fixed position for the image until you scroll to a certain point, I was wondering how I would also be able to apply this to my own design. I'm not too comfortable with jquery but I think it would work, but I was wondering if there's a css way of attempting this problem? Thanks for the help!

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

    How to Display Metrics and Keep Your Sanity

    Posted: 01 Sep 2020 01:08 AM PDT

    A Curated List of NoCode Tools

    Posted: 31 Aug 2020 09:13 PM PDT

    My new job needs me to learn Ionic Framework, looking for advice to jump start my journey

    Posted: 01 Sep 2020 05:51 AM PDT

    Let me preface this by saying I've never used this kind of framework before. I've been using Bootstrap for my projects previously but Ionic seems to take it two steps further by allowing developers to create apps solely based off coding for the web which is neat. My knowledge only covers PHP, MySQL, HTML, Javascript and Bootstrap which essentially allowed me to create a full working website without any problems.

    Learning Ionic Framework feels rather daunting honestly, I've looked at their documentations and they split them up depending on which underlying Javascript framework you want to use; Angular or React. After going through the Angular version, it felt rather simple enough to understand but I also felt like the tutorial was rather lacking in terms of handling back-end stuffs but I don't blame them since it is a front-end framework. I also found out that the framework uses TypeScript, do I really need to master it to actually be good at Ionic though?

    TLDR; My questions can really just be boiled down to:

    1. Is my knowledge on PHP, MySQL, HTML, Javascript enough to go through Ionic?
    2. Ionic Framework: Angular or React? Is one better than the other or is it just preference? Note: I've never used either of them before.
    3. When it comes to back-end stuff, is there a recommended back-end language or database type?
    4. As someone who is adept at Javascript, do I need to master TypeScript for Ionic?

    Any advice is greatly appreciated, thank you.

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

    AWS Boilerplate

    Posted: 01 Sep 2020 09:18 AM PDT
    Read more
    at

    No comments:

    Post a Comment