₦airaland Forum

Badilstical:
Nice work bro,


Heroku?? How did you host your static files?

Thanks bro.

I used whitenoise via heroku because heroku can only store static files, you will have to host your media files elsewhere such as AWS, and the likes..

Collinsanele:
It's dope bro

Thank you brother.

Samcent:
This info will be very helpful indeed. Wondering why I have been shying away from heroku all this while.
Thanks so very much and keep up with the good work.

Thanks bro. I wish you all the best.

Samcent:
Thanks for sharing. I am adding building django web api to my skill set in this lock down.

Apologies if I am asking too many questions.
Is the db mysql?

When hosting on pythonanywhere, as long as your db is postgres, you must part with some money even if you are using their subdomain.

I used default django database which is dbsqlite3 and on heroku, there is a free addon database given to you if you wanna host your app which is postgres.

You can use postgres from the start with Django if you wanna host on heroku but hosting your app on heroku comes with a free database which is postgres.

Pythonanywhere uses mysql for their regular users but postgres for paid plans only whereas heroku is not..
Hope this helps....

Samcent:
Good work!

Did you build an api for this app?
Also, did you have to pay for the hosting on heroku?

Yes bro, the backend is using Django while the frontend is using React.
On heroku, hosting is free because they will give you their subdomain, that's why .herokuapp is there but you can add your own custom domain from them hosting websites.
Thanks for your comment BTW.

Here comes another project during this lock down.
A combination of React and Django..
It is about a musical app where you stream and add songs via album.
Kindly check it out and leave your comments. Thanks...
https://legacymusic.herokuapp.com

clarknull:
Maybe it's confusing to you cos you are not used to it

I could show you the little I know if you're interested

Definitely, we search for more knowledge at every possibilities.

clarknull:
I prefer class based view
I guess I'm just used to classes

Some people prefer it to fbv because of writing less code but I find it confusing when i want to implement a lot of functionalities in my projects.

Collinsanele:
The part in Django that I am still struggling with is user registration, login and logout.

I have noticed most things are based on oop (classes) and inheritance.

It is not that hard, even I use function based views for my user registration, I just use default django Auth user authentication with my custom settings...
If you need my assistance on that, I will be glad to be of help.

Badilstical:
pls i have an issue with image i deployed on herokuapp did you ise pillow or cloudinary for your image management. Pls advice

When deploying to heroku, you have to manage your media files somewhere else, because heroku use dynos and it restarts the dynos everyday and can only serve static files.
You can use different cloud hosting sites but the one I prefer most is AWS.

Collinsanele:
Nice!
So it's not only me.
With function based views, I can be in total control and be flexible.

For forms, I prefer using ModelForm if possible.

Yes. I agree with you.
Mostly forms are inheriting from ModelForm unless you are using a form that does nothing with your model or you just want to simplify things, rather than using forms and later incorporate it to your Model. It might be time consuming tho.

Zabiboy:
Name = input("enter your name" ))
Matric_No = input("enter your matric no" )
Course_code = input("enter the course code" )
score = int(input("enter your score" ))

If (score > 100):
score = "invalid value"

Elif (score >=95):
score ="Grade A"

Elif (score >=85) & (score<95):
score = "Grade B"

Elif (score >=70) & (score <85):
score = "Grade C"

Elif (score >=60) & (score <70):
score = "Grade D"

Elif (score >=50) & (score < 60):
score = "Grade E"

Else:
score = "Grade F"

Print( Name, Matric_No, Course_code, score )

Good job bro.
Just a little contribution, you can simplify the score input for more readability.

Elif(85<= score <95)
your return value
Elif(70 <= score < 85) and so on....

Collinsanele:
Talking about Django, I have started using it.
I don't just know why, but I prefer using function based views. What's your preference guys

Bro, we are in the same boat, I love writing my views in functions because I will be able to express myself without initiating anything.

All my Django projects was written in function based views, unless I am using DRF, then I write in class based views.
Function based views has been my savior.

jayphe:
A nice start bro....still need some fixing sha! Kudos!

Thanks bro.
Obviously, it does!!!. Just worked on it with the aim of not using React, I worked with Django and JQuery because I wanted to master JQuery for small projects in which React might be an overkill. If time permits, I'm planning on moving it to a mobile app. Maybe it will be better there.

Barney001:
Wow...thanks for the info
You seem to know a lot about python

I am a self taught developer who started with python and ever since then I have been working on a lot of its framework, its syntax is straightforward and it's basic is simple to understand as well. You can give it a try and you won't regret you did.

Collinsanele:
You used Django right?
It's really nice

Yes, I used django with Jquery, moving it to react soon cos I wanna add more functionalities to it.
Thanks bro.

peterangelo:
I hate anything framework

Please, kindly state your reasons for hating it and also what are yoy using to develop maybe we can learn one or two.

yuno01:
I love your work..I am planning on achieving such with python and django soon
..
This will inspire me to keep striving

Thank you bro. Yes, you can do it, if you need any assistance on that, I'm available.

I created this thread for Django aspirants, intermediate and experienced Django developers to share knowledge and projects that you have or been working on.

I have worked and been working on a lot of projects such as sport app, loan calculator, and employee management.
The one I just finished is just a social media clone project and it took a bit of my time.

The website is down below:
http://mysocialapp.pythonanywhere.com
If you are interested, you can Check and leave your comments as well.

So let's share ideas and knowledge.....

http://tlinker.pythonanywhere.com
Two groups of teacher and student, a teacher can set questions for students to answer and also a teacher can prepare assignment for each student, getting the scores of each student and receiving their assignments. I am thinking of more functions to add to it tho

jayphe:

Collinsanele, Taofeekdboy, kensmoney another one is here!

Exercise 3

Write a Python program that accepts day, month and year from the user and prints the result in this form:

Today is 23/04/2020
For example,
Input:
day = 21
mnth = 07
year = 2010

Output:
Today is 21/07/2010

Good luck guys!

I saw this late, I have been busy with my project and it took a lot of my time.
I will leave it here for who is interested to check..
It is a social media clone I made.
http://mysocialapp.pythonanywhere.com

Looking forward to your comments

Tho, I have never used php but I am in love with python, anyday anytime because of its versatility and robustness.

Django is very easy to setup when building web apps and it is also fast, also its usefulness is not limited to the use of frontend tech such as Vue.js, React and Angular as I have worked on Django with React, vanilla JS, and JQuery.

It depends on you but I will advise you go for Django for its power and speed in building functional websites.

jayphe:

This is another exercise.
Exercise 2

Write a Python program that accepts a string/sentence from the user. The program then changes all spaces to underscores. Finally, it prints out the final result.

Good luck guys!

user_input = str(input('write your full name))
user_input.replace(' ', ' _')
print(user_input)

Psalms5522:
Would learning the java lang make it easy to learn java script?

In my own opinion, Yes... Because learning one language make it easier to understand other languages, just that only syntax makes it different but the same logic.

Learning Java will make your Javascript learning process easy and smooth.

Psalms5522:
Welcome to the party bro. Please what is java script? Is it the same as java programming?

JavaScript is a programming language as well but more of a web language, all the user interactions you see on the web are written in Javascript.
All the best in your learning.

Emmyloyalty:
Thank you sir. But please how do I include the spinner?
I used vanilla js, but I don't know why you have to click twice before it responds — on system it's just once. What can I do to that?

About the spinner..
You can create a spinner with css or you can Check for spinner gifs online.
You can use below css for the spinner:
Background:url('' url of the spinner you get from Google or you can create one in your css"" ) no repeat rgba(0,0,0,0.4) 50% 50%;
width:100%;
height:100%;
Top:0
Left:0
Z-index:999
You can use background size property depending on how you want the look.
The rgba is for the opacity such that when the spinner is present, it will make the current page opaque.
You can give the above css a class name or id
make the display none at first.
In your Javascript function, when you call the api, you can then display the class or id of the spinner and after the call, you can set the display to none again.
Example:
let spinner = document.getElementbyID('spinner')
spinner. style.display = none
Inside the function to the make the call, then you set it the display to ''
After the call, you set it back to none
I hope you grab it.

For the responsiveness.
I guess you used a package for the country list, then you have to write a function or do something that will make your function fires on selecting the country immediately.
If I can see the code as well tho.

Good job bro, but there are some few stuffs you need to check.
1. You can improve the UI such that when you make a call to the api, you can display a spinner or loading image that will make the user understand that result is coming in.

2. I don't know if you created the app through pure vanilla Javascript or React but after selecting the country, the state of the data does not change until another click on the country, you can re-render your state or data after selecting the country.
If you can make those little changes bro.. It will make it much more better.
You did a good job bro...

Have you tried changing the name of the app, like removing the hyphen and use underscore. From weather-app to weather_app

What most of us don't understand is that, not everyone of us will succeed in starting business, business might fail or succeed depending on so many factors be it spiritual, physical, economic and feasibility studies.

The reason why we keep debating on how degree is useless or not compared to handwork is because of our dear country, when have a good degree in a developed country and your specialization is in demand, it will be a huge cashout as business might be the last option.

A case study of my boss earning close to 80000AED equivalent to 8 million naira a month,
Some salary, if you save well and have no problem at work can earn you lifetime because as I said not everyone of us can do business and not all businesses will survive.

Lordpeckxy:
Its not the matter of standard, its the matter of
what are you doing, how are you doing it, why are you doing it, when are you planning to complete It, where is it going to be used, what is the benefits....
And sometimes they don't even have a clear vision of what they are Implementing, other times they Just give up...A friend of mine well, he kind of make a breakthrough in programming when he made a web app for secondary schools...
Since then, the Enthusiasm has been fading, the love of it has been dying.
.

.

.
And I realize my Vision is quite different from others..!

One thing I will have to say about programming is that, when you are about to start learning programming, you will need to ask yourself some questions and also be sure of some things.
First, you need to ask yourself reason you wanna code or program, what are your agendas in coding?.
You need to ask your yourself the problems people are facing in the technical world, be it your place of work or anywhere else and the solution you can render through it.
Lastly, you need to have passion for coding and enjoy it while doing it and do not aim for the monetary gain for now cos it will demotivate you in the long run.
To be honest, coding can be very difficult and easy to learn but the choice depends on you. For me, I like coding every minutes and even at work, all my colleagues know me for that and it is paying off now because I have built a web app to solve one of the problems we are facing at work.
You have to keep looking for problems and how to solve them, that is the beauty of coding/programming and easiest way to fall in love with programming. My one cent tho.

EngtTemmy:
Please can I get udemy Django courses from you

About the udemy courses, I don't have it on my phone and laptop again as formatted my laptop. But if you are keen on learning python, go and watch mosh hamedani on YouTube and I have his courses as well.

RemiAbdulSamad:
Thanks for your suggestion bro. Once am done learning JS I will pick a framework before heading for jQuery. With regards to framework, am thinking of going for Vue, it's not that popular, easier to learn than other JS framework and it's gaining traction. What do you think?

Yes bro, though I haven't started learning Vue but have read about it as well, more developers are jumping to it, and it's gaining popularity but why I prefer React is because it has a larger community and when you reach a brickwall, you can easily get solution to your problem but I am thinking of learning Vue at a later time.
You can choose between React or Vue but don't jump into Angular now unless you have a big projects you wanna work on because of its learning curve, very wide and steep learning curve. React is bae and easy to learn as well.
I still prefer React to Vue tho.

RemiAbdulSamad:
Yea, the dude didn't answered the question but at least he provided some helpful learning resources. I was about referring you to Brad video about web development roadmap for 2020 when I saw your post. You can also check out CodeStackr Web Development Practical Roadmap 2020.

As for me, am a self taught front end web developer and here is how I got started.

Right from onset, I love design and I knew I wanted to be a front end web developer building and designing sites and web apps.

I searched online for how to become a front end web developer and I was welcomed by answers suggesting that I learn HTML, CSS and JS. I also meet some pro wen developers during a particular Google Developers Fest I attended and I was told to learn HTML, CSS and JS if I want to be a front end web developer.

Now, having know what I need to learn, the next thing is to get learning resources. Coming from a non-computer science background and with no cash for coding bootcamp, I decided to teach myself coding.

I start by downloading w3schools offline version, ebooks and some video tutorials and courses on HTML, CSS and JS worth over 300GB.

After getting the learning resources, the next thing is to get my hands dirty and start learning.

Firstly, I started with HTML. HTML is f**king, oh sorry, I mean pretty simple. In less than 2 weeks I was done with HTML. Note: if you are about to learn HTML, just focus on the basics, understand them and build some simple stuff. Even if it look shitty, just put your HTML knowledge to practice.

Secondly, after I was done with HTML, I was eager to lay my hands on CSS. And yes, CSS is super awesome and beautiful. It brought life and energy to my shitty HTML pages. HTML is super big and it took me sometime to master it, but it was fun and interesting. CSS including advanced CSS and Responsive Design took me 3months.

While learning CSS well enough I started building some projects including replicating some designs I saw on dribbble.

After learning CSS, I proceeded to learning a CSS preprocessor (Stylus, Less and Sass, I chose Sass, don't ask me why). A CSS preprocessor makes your CSS super dope and it also adds superpower to it and in fact, it can make your CSS fly, yes it give them wings.

Not only did I learn a CSS preprocessor, I also choose a CSS framework too and that's where bootstrap comes in. Bootstrap is cool, I love it. It make my CSS a while lot better and it's easier to learn. Actually, there are many CSS frameworks but I decided to chose bootstrap due to it's popularity and a while lot of coys and developers are using it and not only that, most front end developer jobs I have seen so far requires knowing it.

After completing my CSS journey, I moved to learning JS. I just started learning JS and it ain't funny but am trying to grab it. I have some some courses and ebooks am going through and I hope I get better at it. Recently, I read it somewhere online that jQuery too ain't bad so I after am done learning JS. So once am dome with JS, I will be learning jQuery and then i will proceed to learn a JS framework but for now I really want to sit my ass down and master JS and also build some mouth breaking and eye popping (am not sure if those words exist, you can google sha) projects.

Resources:::

YouTube Channela

1. Brad Traversy (me and Dev Ed call him daddy, he is the web development daddy on YouTube)

2. DevEd - This dude has a playful way of teaching. His videos are good. Sometimes, I think he is too playful

3. Web Development Simplified - His tutorials are simple and straight to the point.

4. NetNinja - This guy sabi break tutorials down. Most of his videos are in series and are very educative.

5. 6. 7. & 8. AcadeMind, Julio Codes, Easy Tutorials and Online Tutorials


Books

1. You Don't Know JS by one Kylier Something like that. The book is in series and up to 5 I think

2. You don't know JS. (can't remember the author's name

3. HTML & CSS: Build and design websites by john duckett.

4. HTML and CSS by Shay Howe.

You can get all these books in PDF version on pdfdrive.com

Udemy Courses

1. Web Development Courses By Jonas Scehedemant

2.JS Course by Wes Bos and

3. Complete CSS course by Acade Mind.

Other resources::::

Codecademy, Scrimba.com, Css-tricks.com


Thanks. If you've got any questions or front web development gigs for me just quote me.

Thanks.

***drops mics and wait for other comments and quotes***

That's very good and awesome but I will suggest or advise you to go for JS frameworks first before jumping to JQuery because according to online stats, many developers are leaving JQuery for React, Angular or Vue... I learnt JQuery for a bit but learning how to use React or Vue is much more better and will simplify your work.
Though nothing is better than having full knowledge of vanilla JavaScript but JS frameworks make life easier and super fast to build web apps. Just my suggestion tho.
Good job on your learning curve��