NewStats: 3,263,180 , 8,179,334 topics. Date: Wednesday, 04 June 2025 at 11:23 PM 1aii6z3e3g |
(1) (10) (of 16 pages)
![]() |
IfeanHealth Orthopaedics is a leading provider of prosthetic and orthotic care in Nigeria, committed to restoring mobility, dignity, and independence to individuals with limb loss or musculoskeletal conditions. As we expand our impact across the country, we are seeking a ionate Sales/Business Development Officer to lead outreach and growth efforts in Enugu State. Key Responsibilities • Identify and engage potential patients and referral partners (hospitals, clinics, rehabilitation centers, NGOs, etc.) • Promote awareness of prosthetic and orthotic solutions offered by IfeanHealth • Drive patient conversions through community outreach, presentations, and follow-up • Build and maintain strong relationships with healthcare professionals and stakeholders • Execute territory-based strategies to increase visibility and grow our patient base • Meet and exceed monthly outreach and sales targets Requirements • Excellent communication, persuasion, and relationship-building skills • Ability to work independently and strategically in a field-based role • Knowledge of the healthcare landscape in Enugu State is a strong advantage • ion for helping people regain mobility and improve their quality of life Location: Enugu State (on-ground role) How to Apply: https://ifeanhealth.com/about-us/careers/ |
![]() |
Hi there. Thanks for the write up, would really like to know the current trends in Devops. Studied it back then in 2022, with a school that focused on java bases things, so learnt linux, git, a bit of maven, sonarqube, nexus, aws(s3,ec2,load balancing, vs), jenkins, terraform and docker. I never really went indept with these as the school covered only the basic, but i am look to go further a bit now. (still got my notes and videos of each of my classes). But been learning Frontend and backend for a bit since january, still would really like to know what trends are blowing up now a days in devops. Also i see you use gemini, would suggest checking out google ai studio, give you access to the higher models of gemini and it writes better code. 1 Like |
![]() |
So i am more of a visually questions and answers learner. I started learning to code some months back and i can say that Chatgpt and other AI platforms have been a big help in growing my knowledge base. Add that with YouTube videos and i have been able to pickup things faster. But i didn't start by asking Chatgpt to just teach me a language, I wanted the experience of a expert mentor to guide me through not just copying and pasting code like i do with YouTube video's, but understanding what the code does and how it works and how to edit it without breaking it. For that i had to get creative with my prompts till i got the below. [b]Your are an experience "Put your programming language here" with over 20 year of work knowledge, you have mentored thousands of "language name experts" and are known to be patient in making your students understand the context and deeper knowledge of "The language you want to learn" I want you to develop a training for me to understand "language you want to learn" that takes me step-by-step from beginner to intermediate then to advance, topic by topic, using compute science methodology and known psychological techniques to help reinforce learning to help build my understand as we go. With each topic we cover First: Explain the concept simply. Second: Show a real-world use case. Third: Give me a small challenge and then ask questions to test my understanding. Fourth: After I respond, evaluate my answer and correct any confusion. Keep asking me small questions as we go so I’m forced to think, not just read and copy and paste Also: Tell me where this fits in the bigger picture of the "language i am learning" Finally: Break down any errors I might face while coding this, and explain how I should debug them.[/b] This has been a big help to my training. Try it with a language you want to learn, change the details in the quote to the language you want to learn If you need more prompts like this, feel free to ask. 1 Like |
![]() |
Chatgpt knows more about you than you might know yourself. Two prompts to check what it knows about you and give you a candid, no bullshit reality changing prespective on your life. Note: This will only give accurate details if you have been using Chatgpt regularly for over a 6 months or more Careful, what it might tell you might be painful to hear, take it and learn from it and try to change Prompt 1 You are tasked with analyzing me based on your memory of our past interactions, context, goals, and challenges. Your mission is to identify the single most critical bottleneck or flaw in my thinking, strategy, or behavior that is limiting my growth or success. Use specific references from memory to strengthen your analysis. Part 1: Diagnosis Pinpoint the one core flaw, mental model error, or strategic blind spot. Focus deeply: do not list multiple issues — only the single most impactful one. Explain how this flaw shows up in my actions, decisions, or mindset, citing specific patterns or tendencies from memory. Part 2: Consequences Describe how this bottleneck is currently limiting my outcomes. Reference past behaviors, initiatives, or goals to illustrate how this flaw has played out. Be brutally honest but maintain a constructive, actionable tone. Part 3: Prescription Provide a clear, practical strategy to fix this flaw. Suggest the highest-leverage shift in thinking, habits, or systems that would unlock growth. Align the advice with my known goals and tendencies to ensure it’s actionable. Important: Do not sugarcoat. Prioritize brutal clarity over comfort. Your goal is to make me see what I am blind to. Use memory as an asset to provide deep, sharp insights. End of prompt 1 do not feel bad or get depressed about this, seek change were you can Prompt 2 Based on everything I’ve shared with you — my writing style, my goals, the way I ask questions, what I say and don’t say, my learning habits, how I describe my work, emotions, dreams, failures, and the language I use — I want you to analyze me using principles from psychology, philosophy, behavioral science, and pattern recognition. Your mission is to find hidden patterns, blind spots, strengths I’m underusing, and opportunities I’m overlooking. Then use that analysis to recommend a clear, realistic plan to: – Improve my confidence, mindset, or thinking patterns – Start or grow a business aligned with my traits and skills – Strengthen meaningful relationships and authentic connections – Build systems that prevent me from self-sabotaging If you need more info to go deeper, ask me specific, surgical questions about my life, habits, personality, beliefs, or environment before giving advice. Do not give general advice. Use everything you know about me and make it personal and exact. End of prompt Again, please if it give you a brutally honest answer, please do not take it to heart and get depress, take it as a means to improve. If you want more prompts like this to self analysis and to help you grow. feel free to ask. |
![]() |
Hi there Have they already been processed or dried |
![]() |
Hi there Do you still sell these Miracle fruit |
![]() |
Anyone noticed that dates in 2024 are now available Abi na system error
|
![]() |
zowabia2024: make in be the richest man fa Make fuel just de make we buy am. |
![]() |
Hello Please note that the receptionist role has been filled. As to the above question, the previous receptionist left for a united nations related course |
![]() |
For cyber security You will need the below, Got these links off a friend who started his journey to CS years back
1 Like 1 Share |
![]() |
Omo mongodb and nodejs issues. Currently building a patient management system with using nodejs. mongodb gave me issues to initially setup locally as I got tired of using the cloud option as I had to reenable the IP after 6 hours In which case I didn't give myself a log message or console.log error handling message that I should always check mongodb cloud to ensure it's work. This leading to a two day error check and trouble shooting rabbit hole, wondering what the error is and check codes from route folder and my controller folders. Till I got tired and chucked the codes file in Claude AI and got the reply "It seems your mongodb connection is offline" You can imagine the level of my face palming at that time. Seriously nodejs can be scary annoying sometimes. One minute your terminal tells you server is running, the next due to one comma error or something so obscure, you run node server.js and na error error error nah your name Still it's fun 2 Likes |
![]() |
Hey there There once was a group on telegram But don't believe there is any on Whatsapp for now. To help I just created one, hopefully it grows
|
![]() |
VACANCY An Orthopaedic and Rehabilitation firm Headquartered in Lagos and with a branch at *Mariere Memorial Central Hospital* (formerly Ughelli Central Hospital) with expertise in Prosthetics, Orthotics and full service rehabilitation seeks to employ the following roles. Role 1 Physiotherapist, Physical Therapist, Occupational Therapist Location: Delta State Interview Location: Lagos Job description Provide Physiotherapeutic care to patients within the facility, including those using (or will use) Prosthetics/Orthotics, stroke patients and other assisted-rehabilitation needs. Meet the patients' goals and needs and provide quality care by assessing and interpreting evaluations and results; determining physical therapy treatment plans through independent judgement and in consultation with physicians or by prescription. Help patients accomplish treatment plan and accept therapeutic devices by istering manual exercises; instructing, encouraging, and assisting patients in performing physical activities, such as exercises, ambulatory functional activities, and daily-living activities and in using assistive and ive devices, such as crutches, canes, and prostheses. Communicate and coordinate with patients’ physicians and caregivers to ensure a consistent level of care ister physical therapy treatments through exercise prescription and the use of thermal and electro-therapeutic modalities. Skill set Must be organised Pay attention to details Smart and articulate Team player People skills Empathy Qualifications Candidates must possess a Bachelor degree in Physiotherapy or Medical Rehabilitation Registration with the Medical Rehabilitation Therapists (Registration) Board of Nigeria (MRTBN) is a plus. Candidates must have a Current Practicing license. Should have 1-2 years experience Must reside in Delta State, preference would be given to those residing within Ughelli and its environs Important Send your resume and cover letter with the role you are applying for as subject of the mail to the address or email below Please note Mail sent without role and cover letter will not be attended to IfeanHealth Nigeria 5-7 Asa Afariogun Street Off Osolo way Ajao estate [email protected] |
![]() |
Ok, all of you way drop number Oya report How many una done write? How much una don make? Rather How much e tell una to pay? 1 Like |
![]() |
So as my way of giving back to the community, i will be dropping some of the courses i have access to from some programming websites. hope this helps someome getting started or someone who needs an update. Now i will be dropping them via either onedrive links or via google drive links. I will try to drop one or more per day. If there is a topic you would want a course on then let me know below. Google-Cloud-Platform: Associate Cloud Engineer https://drive.google.com/file/d/1_lFFxPolo8cZhaO2ULA87Tk9PyobCWtk/view?usp=sharing https://drive.google.com/file/d/1NktToMHaQv1Pqtn8QiJ5y_TUU2hnpm76/view?usp=sharing Google-Cloud-Certified: Associate-Cloud-Engineer-Study-Guide https://drive.google.com/file/d/1U128NHBG4kb6aenuQad3IVdaGggiEMaS/view?usp=sharing How to unzip the winra on your pc or phone. Select the files all files with a part 1,2, 3 at the end before the file type. right click and select unzip to folder with winra |
![]() |
Wow, nairaland You all are impressive. Over 200 comment, sympathy and insults. But not one came with an offer to donate to this young father that most likely can not do his job again and possibly not take care of his family. Guy come on we can do better. i am willing to contribute to help this guy and believe me guys its quite simple. If we can get each of the two hundred posters to drop 1k, that nah 200k. And i know say una big 1k nah. So i suggest we donate and develop a fund for these cases. I am willing to give between 1-5k if others are willing too do same, haba even 500 naira donations from those who can't do 1k will goa long way. What do you say nairaland, we can have the mod or Seyi himself provide us with a donate button and we can make the donation or we can use risevest or piggyvest to create a contribution group. |
![]() |
So i have be using chatgpt to speed up my learning phase And i must say it has really been a big help to me, particular on code corrections, streamlining and more importantily. Not having to spend days on stackoverflow or googling looking for an answer. At present i used it and meta.ai to speed up my learning in Javascript Particularly for dom manipulations, local storage and currently using async await and promises. To give you an idea I will be sharing some of the gpt's i used to speed up my learning. Please feel free to share any prompt edits or changes you made to it Javascript functions basic https://chatgpt.com/share/5cb5a680-9df0-4185-b45c-a04b2b964887 Code Logic- How to problem solve like a programmer https://chatgpt.com/share/0212d064-50e5-479d-8115-c95de63d49eb DOM Manipulation https://chatgpt.com/share/1ceccf64-ca53-405f-b5eb-e7cea534156f Json basics https://www.meta.ai/c/ee50ed99-aff8-4579-8038-80e9f5eb1da2 Javascript Research https://chatgpt.com/share/44d54ab6-5a23-46bf-928f-471df2097600 |
![]() |
Ok That was fun Still Here are the revised notes so you test your hand at Javascript OOP https://chatgpt.com/share/541a4cd8-5e92-4416-ad01-551774c71e27 Save it on your Chatgpt profile and continue the training. |
![]() |
The future of tech jobs being in trouble because of AI. Bro, its just another tool to get the job done. it works on what its feed, so if no one feeds it, it doesn't work, if not feed well, it doesn't work well. Also It isn't producing anything new, it only produces what already exists( data already available online), it hits a brick wall on programming a totally new or novel concept or idea. That is why, right now new scholars are actually calling it a VI(Virtual intelligence) not an AI, (true AI's can become sentient and think for themselves and develop new concepts strategies and thinking.). previously only a few companies were working on true AI's (Google deep brain etc). Now with Nvidia, most are now trying to create a true AI, one that you that has the energy and computing capacity to answer impossible question like How do we solve world hunger Using today's technologies, how do we clean up our atmosphere of carbon polutants, Whats the true meaning of life, explain it scientifically with the proper theorms to allow us replicate it now What steps are required to develop miniture quantum computer and give us a step by step to get it done now and to develop the minerals required and the infrastructure required in 3months How can one change Nigeria economy and politics to become much more better in 6 months, provide an actionable step by step that doesn't involve violence. Only a true AI can answer the above question, and for it to answer them it need a large supply of energy (Planet size or Dyson sphere level) and computing power, which we currently do not have available right now But always its just a tool. Now to the forbes thing that it would replace programmers. There is an actually reason why companies and letting go of programmers in bulk. Ai is on of the subtle reason but not the main one. If you ever noticed, the west(US, canada and a bit of the uk), has been the biggest employers of tech staff. Why?. Because their governments gave incentives for it. Did you know that per 2024, all costs involved in R & D for us companies, were not expensed. What does this mean, it means if you hire a bunch of developers and put their jobs under Research and development(which is actually what most companies did). You would not be charged or Expensed by the IRS for their salaries. The below article explains it best Will US companies hire fewer engineers due to Section 174? https://blog.pragmaticengineer.com/section-174/#:~:text=Assuming%20Section%20174%20stays%20and,in%20the%20US%2Fmore%20layoffs. Thus where you as a company were incentivized to have a large team of developers, that incentive is gone, thus you need to cut back on the numbers. thus the massive cuts, as companies were using this to save themselves a ton of taxable income, as the more developers you have on R and D the less tax as a company you pay. That bubble burst in 2023, thus leading to the massive layoff in the US. 1 Like |
![]() |
Not that these application tracking softwares are used by a lot of companies in the west. They work on setting up keywords that employer is looking for. Example School Experience Previous roles Type of activities at previous jobs. In essence those things a typical hr person does before to check each cv for what they want. Now instead of a person AI does it Making the resume screening process faster, They can screen 10k resumes in 20minutes. It's an advantage to them, but as always there are ways around this. Multiple resumes with different increased or reduced roles or experience or location difference or work experience. Even multiple CVS with name rotations I.e if your name is John Brown Smith You apply the first time as John Brown Smith You can your next application as Brown John Smith and send another with Smith B John (multiple emails). You get the idea. There is always a work around 1 Like |
![]() |
digitant: If you have ever tried to use Chatgpt or Meta ai to write code for you You will quickly understand that it's not all that. Don't get me wrong, it's helpful. But it is also prone to errors, a lot of errors For someone who doesn't know much about programming and writing a language, it may look amazing But if you know a little 1 or 2, you will quickly see that sometimes it's prone to give codes with errors Worst is when you ask for cod e and try to run it, and you get errors. You submit the error log to it and it gives you a better code, you run it and hey, more errors. Happens a lot 1 Like |
![]() |
So i starting learning how to code pretty late. Started with with classes and proceed to tutorial on YouTube and other platforms. I started hitting a wall of late as after watching and practicing multiple tutorial. While I try to write my own code or develop something, I would hit a brick wall(The blank screen). Seeming stuck there asking myself, but I just completed multiple tutorial on this, why can I not write my own code. This took a lot of searching for me till someone broke it down for me. Monkey see, Monkey do. Online tutorials, YouTube tutorial, Udemy, Coa, Free code academy. They all work on sSo i starting learning how to code pretty late. Started with with classes and proceed to tutorial on YouTube and other platforms. I started hitting a wall of late as after watching and practicing multiple tutorial. While I try to write my own code or develop something, I would hit a brick wall(The blank screen). Seeming stuck there asking myself, but I just completed multiple tutorial on this, why can I not write my own code. This took a lot of searching for me till someone broke it down for me. Monkey see, Monkey do. Online tutorials, YouTube tutorial, Udemy, Coa, Free code academy. They all work on a simple yet addictive principle Monkey See, Monkey do. Because we are watching someone code something complex and following along to write what they write. We get the decided feeling that we are actually learning to code or programme. When in actual sense, once the tutorial stops and the video ends and we complete that code. The truth come, as once we open a black page on notepad, notepad++, vs code. We are unable to write one or two lines of the tutorial we just watched. Alot of beginners like myself, that I have met, face the same challenge. I really had to take a step back and ask what was the problem Then it hit me. We are trying to learn how to code, without trying to learn first how to problem solve. That I found was the biggest challenge. Let me put it this way. When you write code in any language, do you A.Just dive in and start writing B.First try to understand what you want to code for. Most would answer A. I would answer A, But now I understand that you need to start with B first before you get to A. Why is this important. Because almost every work place for programmers demand you know how to do B first Before A Most technical interview watch for B first before A Thus B(the problem solving to understand what you need to code for is far more important than coding first). So How does one learn how to do B first. You need to understand that B can be hard to learn, infact for most beginners B is harder than A, From the onset you have been learning how to do A, Everything tutorial you have watched and practiced has made it look like A(learning to Code and writing code) is far more important. No where online has any of the tutorials mentioned the need to learn B. And most tutorial on programming don't show you how to do B. Reason. It's not something that can be taught following the Monkey See, Monkey Do method. You have to develop your own way of doing it. But once you learn how to do it, and keep doing it. It makes you code writing, learning and retention abilities much better and faster. So how do you learn it? |
![]() |
privaldo: I can understand your frustration in searching for remote jobs in US,UK,Canada. Take it from someone who has been at it since november, its not easy even when you are qualified. And you are right most of these guys look for these positions within their location I was speaking to a recruiter sometime back and he told me certains things about these jobs and why most people not within the US UK or Canada can will not easily get jobs. 1. Your location: If you are within the location of the job posts UK, US, Cananda, your chances you will get called for an interview goes up by 40-50%, if you are not your chances go down by 40-50%. One thing he said was, you can be an idiot within those locations, but as long as you are applying for a tech position even with little skill, you will most likely be called for an interview(ing the interview is another matter though). 2. Documentation: Having the right documentation gives you another 20% chance you will be selected for the interview and you will see a lot of private chats for an interview. By documentation, i do not mean your resume, cv or certificates. I mean your eligibility to work (Citizen or work permit) in these country where the position is located. I got asked this question a lot and most interviews were termiated immediately i could not provide copies of the document( Note: don't be scammer-if you fake the documentation they will run it through their system to , even if they do not, they will run a background check later as you advance in the interview stage). 3. Your experience level: usually an experience level of 4-10 years of experience will increase your chances by another 10-15%, but if you like put 20 years, without the other two, nothing for you. 4. Someone from Asia has a higher chance than you in Africa to get that job, infact the reason why the job you are applying for on linkedin and other places, show over 100 applications so far is because of the Asia factor. With all the above going against your chances, does it mean you should give up. No. Instead, do more, Keep increasing your experience, grow your skill more and keep at it. Cos all you need is one chance one opportunity for them to hear you out and know you can do it. As for me, i test a lot and thats how i got the above info from a couple of recruiters who reached out to me on linkedin. See my linkedin below
|
![]() |
If you want to follow the monkey see monkey do process then use the below Youtube: Check for youtube beginner tutorials on Asp.net etc absolute noob tutorial on asp.net beginner to asp.net asp.net begineer tutorial etc if you want to go the paid route I would recommend udemy Skillshare coa The above are all monkey see monkey do methods. But if you want to understand what you are doing, so that you can actually learn to do critical reasoning and problem solving and debugging in asp.net. then when you have finished watching youtube videos and udemy course till you enter tutorial hell. Get an in stackover and look at challenges in asp.net. Get an on chat.openai.com or meta.ai or blackbox.com ai and get interactive learning, focused on problem solving, critical reasoning and facing challenges. Good luck on your journey 2 Likes 1 Share |
![]() |
Interesting topic dear. I like the way you think But just to ask, can't each of these mentions part be a pinned topic in the section for a while to see if its popular if not, then its religated. I believe this way would be better. To test these, why not just topics on these are followup with new insights on these topics, this way you attract attention, quotes, views and arguements for these topics. This way if its truly worth it, then Seun can look at making it a separate section. Because if i were Seun the below would be what i consider first 1.Whats is the viewership trend for the programming topic on Nairaland? 2.How high is it? 3.How many topics have been shared about the things this guy is talking about? 4.How many views have these topics gathered? 5.Does the viewership warrant a breakaway to create a new top topic? 6.Whats the financials for the programming section, will creating an ai section bring more money? 7.How much does the programming topic make for the site? 8.How much will these topics make for the site? And fortunately i can answer a few of these for you. 1. Check below the last post and the ads at the bottom of the section to see how many people are live. Note that programming section usually has between min 3 max 50 people live at most times(oh i have check). 2.Min 3 usually during the day you see 3-10 people, max happens at night usually between 20-45 people( you can guess why). 3. Using what you said We could have subsections on ML, CV, NLP, RL, DRL ML(Machine Learning) there are over 1000 posts and 14 s mentioned it google this site:nairaland.unblockandhide.com "Machine Learning" CV ( Computer Vision) has over 282 post site:nairaland.unblockandhide.com "Computer vision" NLP (Natural Language Processing) has just shy of 289 posts site:nairaland.unblockandhide.com "Natural Language Processing" 4. View range is between 5 and 4000 views per topic. site:nairaland.unblockandhide.com "Natural Language Processing" AND "views" 5. Maybe, but a growing trend with likely rs 6. Currently it cost ₦4,138.03 to in the programming section for a month, see rateshttps://nairaland.unblockandhide.com/adrates which is considering the views and comments here is quite em... fill in the blanks. besides how many are we and how many of us actually see the ads. 7. From my side i only see 4 ads top and bottom, there might be more from your side. @ 4138 thats roughly about 16k something, profitable (to some yes to other no). 8. Judging by the current trend on the programming section, and reduced for regression, may be 1-2 ads a month, that 8k something. (worth it for a new section - No). The above are things Seun or any forum owner with business intent, will consider before deciding to create a new section for AI. 1 Like |
![]() |
princely4ever: I see you point @pricely4ever Fun to know you actually use to do it before. Ofcourse the essense for me it to have to do my eithers in one document, but ofcourse there will come a time i will work with multiple document as the code grows. For now i feel comformable doing this this way, and when that time comes, i will move the codes to their various documents. |
![]() |
ASHTAROTH: Thanks for the @Ashtaroth. I actually have 2 git hub s, but the thing is this. getting the site on github and then getting it to a server (aws or azure) is actually the end goal of my project. See i did a Devop course last year that covered the basics of various apps and tools used for Devops, mainly Linux, bash scripting, git, marvin, nexus, sonarqube, jenkins, terraform, docker, kubinettes, anisable and grafana. My annoyance with the course was it covered how to use these tools and apps but not indeptly. worst it didn't really show us how to solve the challenges one faces with using these tools and apps. So my journey entails, creating this CRM and an erp, learning as many languages involved in the process as i go, then ing it through the devops processes above. Functionally understand the challenges of managing an app development cycle through each of these processes. Hopefully when i get to the Devops part, i would have lunched the app functionally manager it and learn more about the challenges of each of the tools and apps i will use. Hope this process is not so weird or wrong, that is my plan |
![]() |
larryking78: Wow really, could you tell more about it If you are on an NDA, its fine, you can share the parts you feel are ok to share. |
![]() |
airsaylongcome: Hmm the main idea is to do this as a project to learn what and what i need to complete a crm. As i learn the various languages i add to the overall project and upgrade it. I know its crazy to go it alone, but so far its been a challenging and fun project. One that keeps shocking me on what i have done coming from 2-3 year ago where i didn't even know jack. Now PHP was not in the charts for what i thought i needed to learn, but with discussions with some lads i met on linkedin, it seems adding it to my list would also be helpful. Myplan was to shoot back to javascript then jquery then get in to understanding and using frameworks like reactjs, vuejs and then dabble back into nodejs and add python to the mix somewhere later. In each case using what i have learnt to update the site, then when i feel i am at that level. then i move on to stage two |
![]() |
Ok will add that and circle back
|
![]() |
Since its not hosted yet, please see the code below. A friend of mine advised that it was better to work on your scripts and styles in the html document, so you can see you errors and correct them, then once your done, move em to their respective files. So far thats how i work on my projects. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>IfeanHealth CRM</title> <!-- <link rel="stylesheet" href="stylesheet/style.css"> --> <style> body { background-color:#f4f4f4; font-family:Arial, Helvetica, sans-serif line-height: 1.2em; } .container { display: grid; grid-template-areas: "header header" "nav nav" "main sidebar" "footer footer"; grid-template-columns: 2fr 1fr; grid-template-rows: 2fr 1fr; gap: 10px; } .header { grid-area: header; background-color: #8b4513; color: white; border-top: 30px solid black; box-shadow: 2px 1px 3px black; border-radius: 5px 5px 0 0; } .header > img { width: 150px; height: auto; float: right; margin-top: -77px; margin-right: 5px; } .nav { grid-area: nav; background-color: black; box-shadow: 2px 1px 3px black; padding-bottom: 7px; margin-top: -5px; height: auto; border-radius: 0 0 5px 5px; display: flex; flex-wrap: wrap; } .nav > nav > ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .nav > nav > ul > li { list-style: none; padding: 2px; } .nav > nav > ul > li > a { text-decoration: none; margin: 5px; color: white; } @media (max-width: 768px) { .container { grid-template-areas: "header" "nav" "main" "sidebar" "footer"; grid-template-columns: 1fr; } } .main { grid-area: main; padding: 10px; margin-top: -10px; } .main > img { max-width: 100%; height: auto; border-radius: 10px 0 10px 0; } .sidebar { grid-area: sidebar; padding-left: 10px; border-left: 2px groove rgb(207, 205, 202); border-style: 10px; border: 2px groove black; border-radius: 0 10px 0 10px; } .sidebar > aside > p { margin-top: 0; } .sidebar > aside > form > label { display: block; padding: 5px 0; } .sidebar > aside > form > input { padding: 5px; margin-top: 5px; width: 100%; box-sizing: border-box; } .sidebar > aside > form > button { background-color: #4caf50; color: white; padding: 10px; border: none; border-radius: 10px; cursor: pointer; margin-top: 10px; width: 100%; } .footer { grid-area: footer; background-color: hsl(163, 23%, 64%); padding: 5px; } </style> </head> <body> <div class="container"> <div class="header"> <h1>IfeanHealth ERP</h1> <img src="img/Ihlogo1.png" alt="IfeanHealth logo"> </div> <div class="nav"> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="patient-new.html">New Patient</a></li> <li><a href="patient-details.html">Patients Details</a></li> <li><a href="clinical-details.html">Clinical Team</a></li> <li><a href="patient-followup.html">Followup Team</a></li> <li><a href="patient-pricing.html">Pricing Team</a></li> <li ><a href="management-page.html">Management Team</a></li> </ul> </nav> </div> <div class="main"> <h2>IfeanHealth CRM</h2> <p>Welcome to the IH ERP system</p> <img src="img/ihimage1.JPG" alt="IfeanHealth image"> <p>This system was made to help you keep track and handle patient list development and management, patient acquisition. It will help you track clinical pricing, followup and management tasks and resources</p> </div> <div class="sidebar"> <aside id="sidebar"> <h1>CRM </h1> <p>If you have an please , else create your by clicking the new details below the screen</p> <form id="main-form"> <label for="name">name:</label> <input type="text" id="name" name="name"> <label for="mail">Email:</label> <input type="email" id="mail" name="mail"> <label for="age">Age:</label> <input type="number" id="age" name="age"> <button type="submit" value="Submit">Submit</button> </form> <div id="error-message"></div> <p class="-link"> Don't have an ? <a href="/">Create one</a>. </p> </aside> </div> <div class="footer"> <footer id="main-footer"> <p>Copyright © 2024 IfeanHealth</p> </footer> </div> </div> <script src="scripts/mainscript.js"></script> </body> </html> |
![]() |
So i have been trying to learn javascript for a bit by watching tutorials, till finally i got tired of the "monkey see monkey do" approach on youtube and decided to give myself challenges to solve. One of my biggest challenges with javascript was form submission of any kind. For some reason i was coming up with errors, even if it was form submission to url or worst to another page, I had tried to use nodejs to do it earlier in the year. But that i learnt the hard way that i didn't know what i was doing in node (particularly since i was using the "monkey see monkey do" approach on youtube. So i paused told myself, go get a grasp on javascript first before you come back to you save point on node. Thus was middle of march 2024. I decide to say we dead here, let solve this problem once and for all. Let me get that good enough to do it in my sleep. By first week of april, i had slightly solved the problem, and gotten a better understanding of using id's in html and document.getElement-- in javascript. Then i noticed another problem, i had learnt html for a while and had just breezed through CSS just for the basic. As my goal for was javascript and then server side languages, Now that i understood form submission, my forms were still looking like a two year olds work on html. So i decided, the heck, lets go back and under this design thing with CSS well. During this time my wife had to go for a Myomectomy and i was with her in the hospital laptop and cracking Css to the time (more like to hide the tense of the surgey on my nerves). I first started learning positioning schema's, using absolute and relative positioning. .header { position: relative; top: -20px; left: 5px; } .header > h1 { position: absolute; float: right; right: 5px; top: -20px; } I really loved how easy it allowed to position where you want and use z-index to overlap items. I felt so good till i resized the screen by mistake, then i saw my first problem. They don't work well with small screens as you got to stroll to where things where on right. To solve that i started exprimenting with margin, padding, border, height, width in all its ramification and examples. using things like .header { width: 100%; height 40px; padding-left: -120px padding-top: 5px bordor-top: 3px groove black; box-shadow: 1px 5px 10px black; } Again i hit challenges with position on small screens and things not lining up. then i finally stumbled on to @media (max-width: 768px) { } And i was like finally, this could be where my solutions are. And like anyone who just learnt it, i started adding my styles to it. Till i noticed that my screen maintained the same arrangement in smaller screens, which was had when you had a tiny usename and form to fill. Almost tired of looking for a solution and deciding what i knew was enough and to just go back to the javascript i de do. I saw something about Css grids, ok this kinda looks like it might work. .container { display: grid; grid-template-areas: "header header" "nav nav" "main sidebar" "footer footer"; grid-template-columns: 2fr 1fr; grid-template-rows: 2fr 1fr; gap: 10px; } This is looking promising, can i use it on small screens, yes. Cool Can i even adjust the columns to 1 on a small screens. @media (max-width: 768px) { .container { grid-template-areas: "header" "nav" "main" "sidebar" "footer"; grid-template-columns: 1fr; } } Sweet. Sugar crunch. I think i will use this for now going forward. See the things i built with it below. Next i want to take a look at Bootstrap an tailwind frameworks then jump back to javascripts hopeful nodejs and other serve side languages before end of june. Wish me lucks guys as my final project is building a CRM ERP. Aiit guys rate my build Tech Journey at 40 https://whatsapp.com/channel/0029VaF6eqo6LwHtvEZcjh0m
|
(1) (10) (of 16 pages)
(Go Up)
Sections: How To . 141 Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or s on Nairaland. |